.brand-mark-frame{display:inline-grid;align-items:center}.brand-mark{grid-area:1 / 1;width:min(330px,72vw);height:auto}.brand-mark--dark{display:none}:root[data-primo-theme=dark] .brand-mark--light{display:none}:root[data-primo-theme=dark] .brand-mark--dark{display:block}.brand-mark--compact{width:132px}.eyebrow{margin:0 0 14px;color:var(--violet);font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.stage-pill{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:8px 11px;color:var(--violet-dark);border-radius:999px;background:var(--violet-soft);font-size:.69rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.stage-pill span,.connection-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px color-mix(in srgb,var(--teal),transparent 75%)}.auth-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr);gap:clamp(48px,8vw,130px);align-items:center;width:min(1180px,calc(100% - 48px));min-height:100vh;margin:0 auto;padding:64px 0}.auth-intro{display:grid;gap:54px}.auth-title,.state-card h1{margin:0;font-size:clamp(3rem,7vw,6.1rem);font-weight:680;letter-spacing:-.065em;line-height:.96}.auth-title{margin:0}.auth-lead{max-width:650px;margin:26px 0 0;color:var(--ink-soft);font-size:clamp(1.05rem,1.8vw,1.28rem);line-height:1.65}.connection-card{display:grid;max-width:650px;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--surface-raised)}.connection-card div{display:grid;grid-template-columns:.65fr 1.35fr;gap:24px;padding:18px 22px}.connection-card div+div{border-top:1px solid var(--line)}.connection-card dt{color:var(--ink-soft)}.connection-card dd{margin:0;font-weight:700}.login-card{width:100%;padding:clamp(28px,4vw,46px);border:1px solid var(--line);border-radius:34px;background:var(--surface-raised);box-shadow:0 34px 90px #361f4b29;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.login-card__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:34px;border-bottom:1px solid var(--line)}.login-card form{display:grid;gap:22px;padding-top:34px}.form-heading h1{margin:0;font-size:2rem;letter-spacing:-.035em}.form-heading p,.privacy-note{margin:8px 0 0;color:var(--ink-soft);line-height:1.5}.login-card label{display:grid;gap:9px;font-weight:700}.login-card input{width:100%;min-height:54px;padding:0 16px;color:var(--ink);border:1px solid var(--line-strong);border-radius:14px;outline:none;background:var(--field);font:inherit;transition:border-color .15s ease,box-shadow .15s ease}.login-card input:focus{border-color:var(--violet);box-shadow:0 0 0 4px color-mix(in srgb,var(--violet),transparent 84%)}.login-card input:disabled{cursor:wait;opacity:.65}.username-field{position:relative}.username-field input{padding-right:152px}.username-field>span{position:absolute;top:50%;right:16px;max-width:140px;overflow:hidden;color:var(--ink-soft);font-weight:500;text-overflow:ellipsis;transform:translateY(-50%)}.submit-button,.state-actions button,.secondary-button{min-height:52px;padding:0 20px;color:#fff;border:0;border-radius:14px;background:var(--violet-button);font-weight:780;cursor:pointer}.submit-button:hover,.state-actions button:hover{background:var(--violet-button-hover)}.submit-button:disabled,.state-actions button:disabled,.secondary-button:disabled{cursor:wait;opacity:.65}.privacy-note{font-size:.82rem;text-align:center}.form-error,.form-notice{margin:0;padding:13px 15px;border-radius:12px;font-size:.9rem;line-height:1.45}.form-error{color:var(--danger-text);background:var(--danger-soft)}.form-notice{color:var(--notice-text);background:var(--notice-soft)}.centered-state{display:grid;min-height:100vh;place-content:center;justify-items:center;gap:24px;padding:28px;text-align:center}.centered-state>p{margin:0;color:var(--ink-soft)}.loading-indicator{width:34px;height:34px;border:3px solid var(--violet-soft);border-top-color:var(--violet);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.state-card{width:min(560px,calc(100vw - 40px));padding:clamp(28px,5vw,48px);border:1px solid var(--line);border-radius:28px;background:var(--surface-raised);box-shadow:0 28px 75px #361f4b24}.state-card h1{font-size:clamp(2rem,6vw,3.6rem)}.state-card>p:not(.eyebrow){color:var(--ink-soft);line-height:1.6}.state-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px}.secondary-button,.state-actions .secondary-button{color:var(--ink);border:1px solid var(--line-strong);background:var(--field)}.messenger-shell{display:grid;grid-template-columns:360px minmax(0,1fr);min-height:var(--primo-viewport-height);height:var(--primo-viewport-height);overflow:hidden;background:var(--app-background)}.room-sidebar{display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--line);background:var(--surface-raised-solid)}.room-sidebar header{display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:14px 18px;border-bottom:1px solid var(--line)}.avatar-button{display:grid;width:40px;height:40px;place-items:center;color:#fff;border:0;border-radius:50%;background:var(--violet-button);font-weight:800}.room-search{display:flex;align-items:center;gap:8px;margin:14px 16px 0;padding:12px 14px;color:var(--ink-soft);border-radius:12px;background:var(--field)}.room-search input{min-width:0;width:100%;color:var(--ink);border:0;outline:0;background:transparent;font:inherit}.connection-banner{margin:12px 16px 0;padding:10px 12px;color:var(--notice-text);border-radius:10px;background:var(--notice-soft);font-size:.78rem;line-height:1.4}.room-list-heading{display:flex;align-items:center;justify-content:space-between;padding:18px}.room-list-heading button,.composer>button,.attachment-control>button{padding:10px 14px;color:#fff;border:0;border-radius:12px;background:var(--violet-button);cursor:pointer}.room-state{margin:10px 16px;padding:18px;color:var(--ink-soft);border-radius:14px;background:var(--field);line-height:1.45}.room-state--error,.action-error{color:var(--danger-text);background:var(--danger-soft)}.room-list{display:grid;overflow:auto}.room-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:6px;padding:16px 18px;color:var(--ink);border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer}.room-avatar{display:grid;width:40px;height:40px;place-items:center;color:var(--violet-dark);border-radius:14px;background:var(--violet-soft);font-weight:800}.room-copy{display:grid;gap:5px;min-width:0}.unread{min-width:22px;padding:4px 6px;color:#fff;border-radius:999px;background:var(--violet-button);font-size:.7rem;text-align:center}.room-row span{overflow:hidden;color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap}.room-row--active{background:var(--violet-soft)}.conversation{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;min-width:0;height:var(--primo-viewport-height);overflow:hidden}.conversation--pinned{grid-template-rows:66px auto minmax(0,1fr) auto auto}.pinned-message-bar{z-index:3;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;min-height:52px;padding:7px 18px;color:#584274;border:0;border-bottom:1px solid rgba(91,70,118,.12);background:#fcfafff2;box-shadow:0 3px 12px #3122430f;text-align:left;cursor:pointer}.pinned-message-bar>span{display:grid;min-width:0}.pinned-message-bar strong{font-size:.78rem}.pinned-message-bar small{overflow:hidden;color:#6f6878;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.pinned-message-bar em{display:grid;min-width:24px;height:24px;place-items:center;padding:0 6px;color:#fff;border-radius:999px;background:#7650c5;font-size:.7rem;font-style:normal;font-weight:700}.pinned-message-bar:hover{background:#fff}.conversation-header{display:flex;align-items:center;gap:12px;padding:16px 24px;border-bottom:1px solid var(--line);background:var(--surface-raised-solid)}.room-title{display:grid;flex:1;gap:3px;min-width:0;padding:0;color:var(--ink);border:0;background:transparent;text-align:left;cursor:pointer}.room-title strong,.room-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-title span{color:var(--ink-soft);font-size:.78rem}.header-action,.mobile-back{width:38px;height:38px;color:var(--ink);border:0;border-radius:12px;background:var(--field);cursor:pointer}.mobile-back{display:none}.conversation-header h1{margin:0 0 4px;font-size:1.15rem}.conversation-header span{color:var(--ink-soft);font-size:.8rem}.timeline{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:24px}.load-older{align-self:center;padding:8px 14px;color:var(--violet);border:1px solid var(--line);border-radius:999px;background:var(--surface-raised-solid);cursor:pointer}.timeline-empty{margin:auto;color:var(--ink-soft)}.message{position:relative;align-self:flex-start;max-width:min(620px,82%);padding:11px 14px;border-radius:16px 16px 16px 4px;background:var(--surface-raised-solid);box-shadow:0 4px 16px #361f4b14}.message-actions{display:flex;justify-content:flex-end;margin-top:5px;padding:3px;border-top:1px solid var(--line)}.message-actions>button{padding:4px 7px;color:var(--ink-soft);border:0;background:transparent;font-size:.68rem;cursor:pointer}.reply-preview{display:grid;width:100%;margin-bottom:6px;padding:6px 8px;overflow:hidden;color:var(--ink-soft);border:0;border-left:3px solid var(--violet);background:color-mix(in srgb,var(--field),transparent 20%);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.reactions{display:flex;flex-wrap:wrap;gap:4px}.bot-card-buttons{display:grid;gap:5px;margin-top:8px}.bot-card-buttons__row{display:flex;gap:5px}.bot-card-button{min-width:0;min-height:31px;flex:1;padding:5px 10px;color:var(--text-primary);border:1px solid var(--interactive-border);border-radius:8px;background:var(--interactive-surface);font-size:.78rem;font-weight:680;line-height:1.2;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.bot-card-button:hover{border-color:var(--line-strong);background:var(--interactive-surface-hover)}.bot-card-button--primary{color:var(--interactive-accent-text);border-color:var(--interactive-accent-border);background:var(--interactive-accent-surface)}.bot-card-button--primary:hover{border-color:color-mix(in srgb,var(--interactive-accent-border) 72%,var(--violet));background:color-mix(in srgb,var(--interactive-accent-surface) 86%,var(--violet) 14%)}.bot-card-button--danger{color:#b52d43;border-color:#efb8c1;background:#fff4f6}.mini-app-backdrop{z-index:90}.mini-app-dialog{display:flex;min-width:420px;min-height:480px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);flex-direction:column;overflow:hidden;resize:both;border:1px solid #ded7e7;border-radius:22px;background:#fff;box-shadow:0 28px 90px #24183247}.mini-app-dialog--compact{width:min(520px,calc(100vw - 24px));height:min(660px,calc(100vh - 24px))}.mini-app-dialog--large{width:min(860px,calc(100vw - 24px));height:min(780px,calc(100vh - 24px))}.mini-app-dialog--full{width:calc(100vw - 24px);height:calc(100vh - 24px);resize:none}.mini-app-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #ebe6ef}.mini-app-dialog h2,.mini-app-dialog .eyebrow{margin:0}.mini-app-dialog h2{font-size:19px}.mini-app-dialog .eyebrow{color:#7840bf;font-size:11px;font-weight:800;text-transform:uppercase}.mini-app-dialog header button{display:grid;width:36px;height:36px;place-items:center;border:0;border-radius:50%;background:#f1edf4;cursor:pointer}.mini-app-dialog header button.active{color:#fff;background:#7742cc}.mini-app-window-actions{display:flex;gap:5px}.mini-app-dialog iframe{display:block;width:100%;min-height:0;flex:1;border:0;background:#f8f6fa}.mini-app-security{margin:0;padding:10px 16px;color:#716979;background:#f5f2f7;font-size:12px;text-align:center}@media(max-width:620px){.mini-app-dialog,.mini-app-dialog--compact,.mini-app-dialog--large,.mini-app-dialog--full{width:100vw;min-width:0;max-width:100vw;height:100dvh;min-height:0;max-height:100dvh;resize:none;border:0;border-radius:0}.mini-app-dialog>header{padding:12px}.mini-app-window-actions button:not(:last-child){display:none}.mini-app-security{padding:8px 10px}}.reactions:empty{display:none}.reactions button{padding:3px 7px;color:var(--ink);border:1px solid var(--line);border-radius:999px;background:var(--field);cursor:pointer}.reactions button.reacted{border-color:var(--violet);background:var(--violet-soft)}.message-image-button{position:relative;display:block;max-width:min(360px,100%);margin:8px 0;padding:0;overflow:hidden;color:inherit;border:0;border-radius:12px;background:transparent;cursor:zoom-in}.message-image-button>span{position:absolute;right:8px;bottom:8px;padding:5px 8px;color:#fff;border-radius:999px;background:#1c18249e;font-size:.68rem;font-weight:800;opacity:0;transition:opacity .14s ease}.message-image-button:hover>span,.message-image-button:focus-visible>span{opacity:1}.message-image{display:block;max-width:min(360px,100%);max-height:380px;margin:0;border-radius:inherit;object-fit:contain}.file-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;margin:8px 0;min-width:min(280px,100%);padding:10px 12px;color:var(--ink);border-radius:13px;background:var(--field);text-decoration:none}.file-card:hover{background:color-mix(in srgb,var(--field),var(--violet-soft) 36%)}.file-card-icon{display:grid;width:36px;height:36px;place-items:center;color:var(--violet);border-radius:50%;background:color-mix(in srgb,var(--violet-soft),#fff 24%)}.file-card span{display:grid;gap:3px;min-width:0}.file-card strong{overflow:hidden;color:inherit;font-size:.94rem;text-overflow:ellipsis;white-space:nowrap}.file-card small,.media-state{color:var(--ink-soft);font-size:.75rem}.media-state{display:inline-flex;padding:8px 10px;border-radius:10px;background:var(--field)}.media-state--error{color:var(--danger-text);background:var(--danger-soft)}.media-lightbox{position:fixed;z-index:10000;inset:0;display:grid;grid-template-columns:72px minmax(0,1fr) 72px;align-items:center;justify-items:center;padding:56px 72px 34px;background:#0d0a12e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.media-lightbox figure{display:grid;grid-column:2;gap:12px;justify-items:center;width:100%;max-width:min(1180px,100%);max-height:100%;margin:0}.media-lightbox-stage{display:flex;align-items:center;justify-content:center;width:100%;height:min(78dvh,760px);overflow:hidden}.media-lightbox img{max-width:100%;max-height:100%;border-radius:18px;object-fit:contain;box-shadow:0 24px 70px #0000006b;transition:transform .18s ease;touch-action:none;-webkit-user-select:none;user-select:none}.media-lightbox-image--zoomed{cursor:grab}.media-lightbox-image--dragging{cursor:grabbing;transition:none!important}.media-lightbox figcaption{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;width:min(1180px,100%);color:#fff}.media-lightbox-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-lightbox-actions a,.media-lightbox-actions button,.media-lightbox-close,.media-lightbox-nav{display:inline-flex;gap:8px;align-items:center;justify-content:center;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffff1f;text-decoration:none}.media-lightbox-actions{display:inline-flex;gap:6px;align-items:center;padding:4px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff14}.media-lightbox-actions button,.media-lightbox-actions a{width:38px;height:38px;padding:0;cursor:pointer}.media-lightbox-actions>span{min-width:48px;color:#ffffffd1;font-size:.76rem;font-variant-numeric:tabular-nums;text-align:center}.media-lightbox-actions button:disabled{cursor:default;opacity:.38}.media-lightbox-close{position:fixed;z-index:10001;top:18px;right:18px;width:48px;height:48px;padding:0;cursor:pointer}.media-lightbox-nav{position:fixed;z-index:10001;top:50%;width:52px;height:52px;padding:0;cursor:pointer;transform:translateY(-50%)}.media-lightbox-close:hover,.media-lightbox-nav:hover,.media-lightbox-actions button:not(:disabled):hover,.media-lightbox-actions a:hover{background:#fff3}.media-lightbox-nav--prev{left:18px}.media-lightbox-nav--next{right:18px}.media-lightbox-state{padding:18px 22px;color:#fff;border-radius:14px;background:#ffffff1f}.message--own{align-self:flex-end;border-radius:16px 16px 4px;background:var(--violet-soft)}.message-row--album+.message-row--album{margin-top:-5px}.message--album{width:min(260px,68vw);padding:3px;border-radius:9px}.message--album .message-image-button,.message--album .message-image{width:100%;height:172px;border-radius:7px;object-fit:cover}.message strong,.message time{color:var(--ink-soft);font-size:.72rem}.message p{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}.message time{display:block;text-align:right}.composer{display:flex;gap:10px;padding:14px 20px;border-top:1px solid var(--line);background:var(--surface-raised-solid)}.attachment-control{position:relative;flex:0 0 auto}.attachment-menu{position:absolute;z-index:40;bottom:calc(100% + 10px);left:0;display:grid;width:max-content;min-width:214px;padding:8px;color:var(--ink);border:1px solid rgba(205,199,214,.78);border-radius:16px;background:#fffffffa;box-shadow:0 16px 42px #2d213d2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.attachment-menu button{display:flex;gap:12px;align-items:center;min-height:42px;padding:0 12px;color:inherit;border:0;border-radius:10px;background:transparent;font:inherit;font-weight:650;text-align:left;cursor:pointer}.attachment-menu button:hover{background:#f3f1f7}.attachment-menu button:disabled{color:#a7a0ad;cursor:default}.attachment-menu button:disabled:hover{background:transparent}.attachment-menu small{margin-left:auto;color:#9a94a0;font-size:.68rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.composer textarea{flex:1;min-width:0;padding:13px 16px;color:var(--ink);border:1px solid var(--line-strong);border-radius:14px;background:var(--field);font:inherit;resize:none}.composer>button:first-child,.attachment-control>button{width:44px;padding:0;color:var(--violet);background:var(--field);font-size:1.35rem}.compose-context{display:flex;min-width:0;justify-content:space-between;gap:12px;padding:8px 20px;color:var(--ink-soft);border-top:1px solid var(--line);background:var(--surface-raised-solid);font-size:.82rem}.compose-context span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-context button{flex:none;border:0;background:transparent;color:var(--ink);cursor:pointer}.upload-status{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;margin:0 16px 8px;padding:10px 12px 12px;overflow:hidden;color:var(--ink);border-radius:14px;background:var(--surface-raised-solid);box-shadow:0 8px 24px #2d213d1f}.upload-status-icon{display:grid;width:34px;height:34px;place-items:center;color:var(--violet);border-radius:50%;background:var(--violet-soft)}.upload-status>span:nth-child(2){display:grid;gap:3px;min-width:0}.upload-status strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-status small{color:var(--ink-soft);font-size:.76rem}.upload-status-bar{grid-column:1 / -1;position:relative;height:3px;overflow:hidden;border-radius:999px;background:var(--field)}.upload-status-bar:after{position:absolute;inset:0 auto 0 0;width:42%;border-radius:inherit;background:var(--violet);animation:upload-progress 1.1s ease-in-out infinite;content:""}@keyframes upload-progress{0%{transform:translate(-100%)}to{transform:translate(240%)}}.composer>button:disabled,.attachment-control>button:disabled,.composer .emoji-button:disabled{opacity:.5;cursor:default}.action-error,.action-notice{position:absolute;right:18px;bottom:82px;max-width:420px;padding:12px 16px;border-radius:12px}.action-error,.action-notice{display:flex;align-items:center;gap:12px;z-index:6}.action-notice{color:#23645a;background:#ddf5f0}.action-error button{color:inherit;border:0;background:transparent;cursor:pointer}.room-info{position:absolute;z-index:5;top:0;right:0;bottom:0;width:min(360px,92vw);padding:20px;border-left:1px solid var(--line);background:var(--surface-raised-solid);box-shadow:-20px 0 50px #1e142d26}.room-info header{display:flex;align-items:center;justify-content:space-between}.room-info header h2{margin:0}.room-info header button{border:0;background:transparent;color:var(--ink);font-size:1.6rem;cursor:pointer}.voice-message{display:grid;min-width:min(320px,72vw);gap:6px;margin:2px 0 4px}.voice-message audio{width:100%;height:38px}.voice-message>small{color:var(--ink-soft)}.video-message video{display:block;max-height:360px;max-width:min(520px,72vw);border-radius:14px}.video-note-message{display:grid;gap:6px;justify-items:center}.video-note-recorder video,.video-note-recording-placeholder{width:min(260px,68vw);aspect-ratio:1;border-radius:50%;object-fit:cover;background:var(--surface-muted)}.video-note-message>small{color:var(--ink-soft)}.video-note-player{position:relative;display:grid;width:min(260px,68vw);aspect-ratio:1;padding:0;overflow:visible;border:0;border-radius:50%;background:transparent;cursor:pointer}.video-note-player video{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#111}.video-note-player--heart video,.video-note-preview--heart{--video-note-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path fill='white' d='M50 92 C43 81 11 64 7 38 C3 14 31 2 50 24 C69 2 97 14 93 38 C89 64 57 81 50 92Z'/></svg>")}.video-note-player--flower video,.video-note-preview--flower{--video-note-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><g fill='white'><circle cx='50' cy='22' r='22'/><circle cx='75' cy='37' r='22'/><circle cx='75' cy='66' r='22'/><circle cx='50' cy='79' r='22'/><circle cx='25' cy='66' r='22'/><circle cx='25' cy='37' r='22'/><circle cx='50' cy='50' r='27'/></g></svg>")}.video-note-player--diamond video,.video-note-preview--diamond{--video-note-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path fill='white' d='M50 2L98 50L50 98L2 50Z'/></svg>")}.video-note-player--star video,.video-note-preview--star{--video-note-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path fill='white' d='M50 3L61 37L97 37L68 58L79 93L50 72L21 93L32 58L3 37L39 37Z'/></svg>")}.video-note-player--bomb-a video,.video-note-preview--bomb-a{--video-note-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><g fill='white'><circle cx='42' cy='63' r='35'/><rect x='34' y='23' width='18' height='18' rx='5'/><path d='M43 25C42 12 59 18 68 8' fill='none' stroke='white' stroke-width='9' stroke-linecap='round'/><path d='M76 1L80 10L91 7L84 16L93 23L82 22L80 33L75 23L65 29L69 18L59 13L71 11Z'/></g></svg>")}.video-note-player--bomb-b video,.video-note-preview--bomb-b{--video-note-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><g fill='white'><circle cx='47' cy='61' r='36'/><path d='M68 34L76 25L84 33L75 42Z'/><path d='M76 27C93 20 94 11 82 9' fill='none' stroke='white' stroke-width='8' stroke-linecap='round'/><path d='M79 1L84 7L92 4L89 12L97 17L88 19L87 28L80 22L72 27L74 18L66 13L76 10Z'/></g></svg>")}.video-note-player--heart video,.video-note-player--flower video,.video-note-player--diamond video,.video-note-player--star video,.video-note-player--bomb-a video,.video-note-player--bomb-b video,.video-note-preview--heart,.video-note-preview--flower,.video-note-preview--diamond,.video-note-preview--star,.video-note-preview--bomb-a,.video-note-preview--bomb-b{border-radius:0;-webkit-mask:var(--video-note-mask) center / contain no-repeat;mask:var(--video-note-mask) center / contain no-repeat}.video-note-playback-icon{position:absolute;left:50%;top:50%;display:grid;width:54px;aspect-ratio:1;place-items:center;border-radius:50%;color:#fff;background:#00000085;box-shadow:0 3px 14px #0000002e;transform:translate(-50%,-50%);transition:opacity .15s ease,transform .15s ease}.video-note-time{position:absolute;left:50%;bottom:12px;padding:4px 9px;border-radius:999px;color:#fff;background:#0000008c;font-size:12px;font-variant-numeric:tabular-nums;line-height:1;pointer-events:none;transform:translate(-50%)}.video-note-player:not(:hover) .video-note-playback-icon.is-playing{opacity:0}.video-note-player:active .video-note-playback-icon{transform:translate(-50%,-50%) scale(.94)}@media(hover:none){.video-note-playback-icon.is-playing{opacity:0}}.video-note-recorder{display:grid;gap:8px;justify-items:center;padding:12px}.video-note-recording-placeholder{display:grid;place-items:center;color:var(--accent)}.video-note-recorder .voice-recorder-actions{width:min(360px,100%)}.video-note-shapes{display:flex;max-width:100%;gap:6px;overflow-x:auto;padding:2px}.video-note-shape-option{display:grid;min-width:58px;gap:3px;justify-items:center;padding:6px;border:1px solid var(--line);border-radius:10px;color:var(--ink-soft);background:var(--surface-raised-solid);font-size:11px}.video-note-shape-option[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.video-note-shape-option>span{width:25px;aspect-ratio:1;background:currentColor}.video-note-shape-option--circle>span{border-radius:50%}.video-note-shape-option--heart>span{--video-note-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path fill='white' d='M50 92 C43 81 11 64 7 38 C3 14 31 2 50 24 C69 2 97 14 93 38 C89 64 57 81 50 92Z'/></svg>")}.video-note-shape-option--flower>span{--video-note-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><g fill='white'><circle cx='50' cy='22' r='22'/><circle cx='75' cy='37' r='22'/><circle cx='75' cy='66' r='22'/><circle cx='50' cy='79' r='22'/><circle cx='25' cy='66' r='22'/><circle cx='25' cy='37' r='22'/><circle cx='50' cy='50' r='27'/></g></svg>")}.video-note-shape-option--diamond>span{--video-note-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path fill='white' d='M50 2L98 50L50 98L2 50Z'/></svg>")}.video-note-shape-option--star>span{--video-note-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path fill='white' d='M50 3L61 37L97 37L68 58L79 93L50 72L21 93L32 58L3 37L39 37Z'/></svg>")}.video-note-shape-option--bomb-a>span{--video-note-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><g fill='white'><circle cx='42' cy='63' r='35'/><rect x='34' y='23' width='18' height='18' rx='5'/><path d='M43 25C42 12 59 18 68 8' fill='none' stroke='white' stroke-width='9' stroke-linecap='round'/><path d='M76 1L80 10L91 7L84 16L93 23L82 22L80 33L75 23L65 29L69 18L59 13L71 11Z'/></g></svg>")}.video-note-shape-option--bomb-b>span{--video-note-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><g fill='white'><circle cx='47' cy='61' r='36'/><path d='M68 34L76 25L84 33L75 42Z'/><path d='M76 27C93 20 94 11 82 9' fill='none' stroke='white' stroke-width='8' stroke-linecap='round'/><path d='M79 1L84 7L92 4L89 12L97 17L88 19L87 28L80 22L72 27L74 18L66 13L76 10Z'/></g></svg>")}.video-note-shape-option--heart>span,.video-note-shape-option--flower>span,.video-note-shape-option--diamond>span,.video-note-shape-option--star>span,.video-note-shape-option--bomb-a>span,.video-note-shape-option--bomb-b>span{-webkit-mask:var(--video-note-mask) center / contain no-repeat;mask:var(--video-note-mask) center / contain no-repeat}.voice-transcription{margin:2px 0 0;padding:8px 10px;border-left:2px solid var(--accent);border-radius:0 8px 8px 0;background:color-mix(in srgb,var(--surface-raised-solid) 70%,transparent);white-space:pre-wrap}.voice-transcription--empty{color:var(--ink-soft);font-style:italic}.voice-transcription-action{justify-self:start;min-height:32px;padding:0 12px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 42%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--accent) 8%,var(--surface-raised-solid));font:inherit;font-size:.82rem;font-weight:750;cursor:pointer}.voice-transcription-action:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 14%,var(--surface-raised-solid))}.voice-transcription-action:disabled{cursor:wait;opacity:.7}.voice-recorder{display:flex;align-items:center;gap:10px;margin:0 max(16px,calc((100% - 860px)/2));padding:9px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-raised-solid)}.voice-recorder>span:not(.voice-recorder-dot){min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-recorder audio{width:min(260px,42vw);height:36px}.voice-recorder-actions{display:flex;gap:8px;align-items:center;flex:0 0 auto}.voice-recorder button{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:0;border-radius:9px;background:var(--field);cursor:pointer}.voice-recorder-primary{color:#fff;background:var(--violet-button)!important}.voice-recorder-primary:hover:not(:disabled){background:var(--violet-button-hover)!important}.voice-recorder-primary:disabled{opacity:.55}.voice-recorder-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#d64055;animation:voice-recording-pulse 1.2s ease-in-out infinite}.room-info-voice{display:grid;gap:6px;padding:10px;border-radius:12px;background:var(--field)}.room-info-voice .voice-message{min-width:0}.room-info-voice>button{color:var(--accent);border:0;background:transparent;cursor:pointer}@keyframes voice-recording-pulse{50%{opacity:.35}}@media(max-width:860px){.voice-recorder{display:grid;grid-template-columns:auto auto minmax(0,1fr);margin-inline:12px}.voice-recorder audio{grid-column:1 / -1;width:100%}.voice-recorder-actions{display:grid;grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.voice-recorder-actions button{justify-content:center;min-height:42px}}.room-info-tabs{position:sticky;z-index:2;top:58px;display:flex;gap:4px;padding:8px 12px 0;overflow-x:auto;border-bottom:1px solid #edf0f4;background:#fffffff7}.room-info-tab{flex:0 0 auto;padding:9px 8px 10px;color:#737b87;border:0;border-bottom:2px solid transparent;background:transparent;font-size:.78rem;font-weight:750;cursor:pointer}.room-info-tab--active{color:var(--accent);border-bottom-color:var(--accent)}.room-info-library{display:grid;gap:10px;padding:14px}.room-info-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.room-info-media-grid article{display:grid;min-width:0;gap:4px}.room-info-media-grid .message-image-button,.room-info-media-grid .message-image{width:100%;min-width:0;height:132px;object-fit:cover}.room-info-media-grid article>button,.room-info-library-row button{color:var(--accent);border:0;background:transparent;font-size:.72rem;cursor:pointer}.room-info-library-row{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:12px;background:#f6f7fa}.room-info-library-row a{min-width:0;overflow:hidden;color:var(--accent);text-overflow:ellipsis;white-space:nowrap}.room-info-document{width:100%;justify-content:flex-start;color:#3e4652;border:0;text-align:left;cursor:pointer}.room-info-document>span{display:grid;min-width:0;gap:3px}.room-info-document strong,.room-info-document small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-info-library-empty{padding:30px 12px;color:#7b8491;text-align:center}.room-info-load-older{min-height:40px;color:var(--accent);border:1px solid #e2e6ed;border-radius:11px;background:#fff;cursor:pointer}.room-info dl{display:grid;gap:10px;margin:26px 0}.room-info dl div{padding:12px;border-radius:12px;background:var(--field)}.room-info dt{color:var(--ink-soft);font-size:.75rem}.room-info dd{margin:4px 0 0;overflow-wrap:anywhere}.room-info>button{width:100%;margin-top:8px;padding:12px;color:var(--ink);border:1px solid var(--line);border-radius:12px;background:var(--field);text-align:left;cursor:pointer}.room-info>.danger-button{color:var(--danger-text)}.dialog-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:#140e1c9e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.room-row--locked .room-avatar{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--field))}.rail-button--locked{position:relative}.rail-lock-dot{position:absolute;top:5px;right:5px;width:9px;height:9px;border:2px solid #fbfafc;border-radius:50%;background:#8267b2;box-shadow:0 2px 6px #402b5e33}.rail-expanded .rail-lock-dot{position:static;margin-left:auto;border:0}.chat-lock-dialog{width:min(420px,100%)}.chat-lock-dialog header{justify-content:flex-start}.chat-lock-dialog header h2{margin-top:3px}.chat-lock-dialog__icon{display:grid;flex:0 0 48px;width:48px;height:48px;color:var(--accent);border-radius:16px;background:color-mix(in srgb,var(--accent) 14%,var(--field));place-items:center}.chat-lock-dialog input{font-size:1.35rem;font-weight:700;letter-spacing:.5em;text-align:center}.settings-inline-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.settings-danger-button{color:var(--danger-text)}.settings-reset-confirm{margin-top:14px;padding:14px;border:1px solid color-mix(in srgb,var(--danger-text) 30%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--danger-text) 5%,var(--field))}.settings-reset-confirm>p{margin:6px 0 0}.dialog{display:grid;gap:20px;width:min(520px,100%);padding:26px;border:1px solid var(--line);border-radius:24px;background:var(--surface-raised-solid);box-shadow:0 30px 80px #0000004d}.dialog header,.dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog h2{margin:0;font-size:1.6rem}.dialog header>button{color:var(--ink);border:0;background:transparent;font-size:1.7rem;cursor:pointer}.dialog label{display:grid;gap:8px;font-weight:700}.dialog label span{color:var(--ink-soft);font-size:.75rem;font-weight:400}.dialog input,.dialog textarea{width:100%;padding:13px 14px;color:var(--ink);border:1px solid var(--line-strong);border-radius:12px;background:var(--field);font:inherit}.dialog textarea{min-height:80px;resize:vertical}.dialog--room-action{width:min(460px,100%)}.dialog--room-action textarea{min-height:112px}.dialog-warning{margin:0;padding:14px 16px;color:#68424a;border:1px solid #ffd4da;border-radius:14px;background:#fff5f6;line-height:1.5}.dialog-note{margin:0;color:var(--ink-soft);font-size:.8rem;line-height:1.45}.dialog-note--error{color:#b42318}.directory-results{display:grid;gap:8px;max-height:min(360px,45dvh);min-height:72px;overflow-y:auto;scrollbar-width:none}.composer textarea::-webkit-scrollbar{display:none}.directory-user{align-items:center;background:var(--surface-soft, #f6f4f8);border:1px solid transparent;border-radius:14px;display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr) auto;padding:11px 12px;text-align:left;width:100%}.directory-user:hover{border-color:var(--accent, #75539b)}.directory-user>span:nth-child(2){display:grid;min-width:0}.directory-user strong,.directory-user small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-list-actions{align-items:center;display:flex;gap:6px}.global-search-dialog{width:min(620px,calc(100vw - 28px))}.global-search-results{display:grid;gap:8px;max-height:min(460px,55dvh);min-height:90px;overflow-y:auto}.global-search-result{background:var(--surface-soft, #f6f4f8);border:1px solid transparent;border-radius:14px;display:grid;gap:5px;padding:12px 14px;text-align:left;width:100%}.global-search-result:hover{border-color:var(--accent, #75539b)}.global-search-result__meta{align-items:center;display:flex;gap:12px;justify-content:space-between}.global-search-result__meta time,.global-search-result small{color:var(--text-muted, #77707f);font-size:12px}.global-search-result>span:not(.global-search-result__meta){display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.primary-button{min-height:48px;padding:0 18px;color:#fff;border:0;border-radius:12px;background:var(--violet-button);cursor:pointer}.primary-button--danger{background:#e23d4f}.primary-button--danger:hover{background:#cf3042}.primary-button:disabled{cursor:wait;opacity:.68}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.room-empty{display:grid;place-items:center;margin:auto 28px;text-align:center}.room-empty>span{color:var(--violet);font-size:3.5rem}.room-empty h1{margin:18px 0 8px;font-size:1.25rem}.room-empty p,.conversation-card>p:not(.eyebrow,.user-id){margin:0;color:var(--ink-soft);line-height:1.55}.conversation-placeholder{display:grid;place-items:center;padding:42px}.conversation-card{width:min(520px,100%);padding:clamp(30px,5vw,52px);border:1px solid var(--line);border-radius:30px;background:var(--surface-raised);box-shadow:0 24px 70px #361f4b1f;text-align:center}.conversation-card .connection-dot{display:block;margin:0 auto 28px}.conversation-card h2{margin:0;font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.05em;line-height:1}.user-id{margin:18px 0 24px;color:var(--violet);font-weight:750;overflow-wrap:anywhere}.conversation-card .secondary-button{margin-top:30px}button:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb,var(--violet),transparent 38%);outline-offset:3px}@media(max-width:860px){.auth-layout{grid-template-columns:1fr;width:min(620px,calc(100% - 32px));gap:46px;padding:40px 0}.auth-intro{gap:34px}.auth-intro>.brand-mark,.auth-intro>.brand-mark-frame,.connection-card{display:none}.messenger-shell{grid-template-columns:1fr;height:var(--primo-viewport-height)}.messenger-shell.room-selected .room-sidebar{display:none}.messenger-shell:not(.room-selected) .conversation{display:none}.messenger-shell.room-selected .conversation{display:grid}.mobile-back{display:grid;place-items:center}.conversation-placeholder{min-height:var(--primo-viewport-height);padding:20px}.conversation{height:var(--primo-viewport-height)}.timeline{padding:18px 12px}.message{max-width:88%}.message-actions{justify-content:flex-start}.composer{padding:10px}}@media(max-width:480px){.auth-layout{display:block;padding:20px 0}.auth-intro{display:none}.login-card{padding:24px 20px;border-radius:26px}.username-field input{padding-right:132px}.username-field>span{right:12px;max-width:120px;font-size:.86rem}}.messenger-shell{grid-template-columns:58px 332px minmax(0,1fr);height:var(--primo-viewport-height);min-height:0;overflow:hidden;background:#e9e7ef;transition:grid-template-columns .18s ease}.messenger-shell.rail-expanded{grid-template-columns:232px 332px minmax(0,1fr)}.app-nav-rail{position:relative;z-index:4;display:grid;grid-template-rows:auto auto 1fr auto;gap:12px;min-height:0;padding:14px 8px 12px;border-right:1px solid #e1dfe7;background:#fbfafc}.rail-main,.rail-bottom{display:grid;align-content:start;justify-items:center;gap:10px}.rail-bottom{align-content:end}.account-menu-control,.settings-quick-control{position:relative}.settings-quick-control>summary{list-style:none}.settings-quick-control>summary::-webkit-details-marker{display:none}.settings-quick-control:not([open])>.quick-settings-popover{display:none}.settings-quick-control[open]>summary{color:var(--accent);background:var(--selected)}.rail-expand-toggle{position:absolute;top:33px;right:0;z-index:6;display:grid;width:24px;height:24px;place-items:center;color:#7d8490;border:1px solid #dfe3ea;border-radius:50%;background:#fff;cursor:pointer;line-height:1;opacity:0;transform:translate(50%,-50%);box-shadow:0 2px 8px #252a3614;transition:opacity .12s ease,background .12s ease,color .12s ease}.app-nav-rail:hover .rail-expand-toggle,.rail-expand-toggle:focus-visible{opacity:1}.rail-expand-toggle:hover{color:#394150;background:#f5f7fa}.rail-expand-chevron{display:block;width:7px;height:7px;border-top:1.8px solid currentcolor;border-right:1.8px solid currentcolor;transform:translate(-1px) rotate(45deg)}.rail-expand-chevron--left{transform:translate(1px) rotate(225deg)}.rail-avatar,.rail-button{display:grid;width:38px;height:38px;place-items:center;color:#6f7580;border:0;border-radius:12px;background:transparent;cursor:pointer}.rail-label{display:none;overflow:hidden;color:inherit;font-size:.94rem;font-weight:620;text-overflow:ellipsis;white-space:nowrap}.rail-expanded .app-nav-rail{padding:14px 12px 12px}.rail-expanded .rail-main,.rail-expanded .rail-bottom{justify-items:stretch}.rail-expanded .rail-button{display:flex;width:100%;justify-content:flex-start;gap:12px;padding:0 12px;border-radius:10px}.rail-expanded .rail-label{display:inline}.rail-avatar{color:#6f42c1;border-radius:50%;background:#f0e9ff;font-size:.95rem;font-weight:800}.rail-avatar:hover,.rail-avatar--active{color:#303342;background:#edf0f4}.rail-avatar--active{box-shadow:inset 2px 0 #d9d4e4}.account-menu-control .rail-avatar--active{color:#006a8e;background:#dff6fb;box-shadow:0 0 0 2px #c9d2dc}.rail-button:hover,.rail-button--active{color:#303342;background:#edf0f4}.rail-button--install,.mobile-sidebar-action--install,.header-action--install{color:#0a9f72}.rail-button--install:hover,.mobile-sidebar-action--install:hover,.header-action--install:hover{color:#087c5d;background:#e5f7f1}.rail-button--active{box-shadow:inset 2px 0 #d9d4e4}.rail-button:disabled{color:#a0a6b0;cursor:default;opacity:.72}.rail-button:disabled:hover{background:transparent}.room-sidebar{position:relative;z-index:3;min-height:0;border-right:1px solid #dedbe5;background:#fff;box-shadow:4px 0 18px #2a223c0a}.room-sidebar .sidebar-header{display:flex;align-items:center;min-height:66px;padding:10px 14px;border:0}.sidebar-header .brand-mark--compact{align-self:center;width:112px;justify-self:start}.mobile-sidebar-actions,.mobile-nav-trigger,.mobile-rail-close,.mobile-rail-backdrop{display:none}.room-invites{display:grid;gap:8px;padding:4px 12px 10px}.room-invites__title{padding:0 4px;color:var(--ink-soft);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.room-invite-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;padding:12px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:15px;background:color-mix(in srgb,var(--accent) 5%,var(--surface-raised-solid))}.room-invite-card__copy{display:grid;gap:3px;min-width:0}.room-invite-card__copy>span{overflow:hidden;color:var(--ink-soft);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.room-invite-card__actions{display:flex;gap:8px;margin-top:8px}.room-invite-card__actions button{min-height:32px;padding:0 11px;color:var(--ink-soft);border:1px solid var(--line);border-radius:9px;background:var(--surface-raised-solid);cursor:pointer}.room-invite-card__actions .room-invite-card__accept{color:#fff;border-color:transparent;background:#7652b7}.room-invite-card__actions button:disabled{cursor:wait;opacity:.6}.mobile-sidebar-action{display:grid;width:38px;height:38px;place-items:center;color:#6f7580;border:0;border-radius:50%;background:#f2f1f5;cursor:pointer}.mobile-sidebar-action--profile{color:#6f42c1;background:#f0e9ff;font-size:.9rem;font-weight:800}.mobile-sidebar-action:hover,.mobile-sidebar-action--active{color:#303342;background:#e9edf2}.room-notification-muted{flex:0 0 auto;color:var(--ink-soft)}.room-notifications-dialog{width:min(430px,calc(100vw - 24px))}.room-notification-options{display:grid;gap:8px}.room-notification-options>button{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;min-height:58px;padding:9px 12px;color:var(--ink);border:1px solid var(--line);border-radius:12px;background:var(--surface-raised-solid);text-align:left;cursor:pointer}.room-notification-options>button:disabled{cursor:wait;opacity:.55}.room-notification-options span,.room-notification-options small{display:block}.room-notification-options small{margin-top:3px;color:var(--ink-soft)}.mobile-sidebar-action:disabled{cursor:wait;opacity:.7}.mobile-sidebar-action--refreshing svg{animation:mobile-refresh-spin .8s linear infinite}.header-action--refreshing svg{animation:mobile-refresh-spin .8s linear infinite}.header-action--refresh-success,.mobile-sidebar-action--success{color:#25714f;background:#e1f3e9}.mobile-refresh-status{display:none}@keyframes mobile-refresh-spin{to{transform:rotate(-360deg)}}.avatar-button{display:grid;width:40px;height:40px;place-items:center;color:#716b7c;border:0;border-radius:50%;background:transparent;cursor:pointer;transition:background .15s ease}.avatar-button:hover,.header-action:hover,.mobile-back:hover{background:#f0edf4}.avatar-button{color:#6f42c1;background:#f0e9ff;font-size:.95rem;font-weight:800}.room-search{min-height:42px;margin:0 14px 10px;padding:0 14px;color:#8c8795;border:1px solid transparent;border-radius:12px;background:#f2f1f5;transition:background .15s ease,border-color .15s ease}.room-search:focus-within{border-color:#8a67d6;background:#fff;box-shadow:0 0 0 3px #7952cb1a}.room-search input{font-size:.92rem}.room-list-heading{min-height:42px;padding:4px 18px 8px;color:#77717f;font-size:.76rem;letter-spacing:.04em;text-transform:uppercase}.room-list-heading button{display:grid;width:32px;height:32px;place-items:center;padding:0;color:#7550ca;border:0;border-radius:50%;background:transparent;font-size:1.25rem}.room-list-heading button:hover{background:#f0eafb}.chat-filter-tabs{display:flex;gap:6px;min-width:0;margin:0 8px 8px;padding:2px 6px 4px;overflow-x:auto;scrollbar-width:none}.chat-filter-tabs::-webkit-scrollbar{display:none}.chat-filter-tab{display:flex;flex:none;gap:6px;align-items:center;min-height:32px;padding:0 12px;color:#716a79;border:1px solid transparent;border-radius:999px;background:transparent;font:inherit;font-size:.78rem;font-weight:650;cursor:pointer}.chat-filter-tab:hover{color:#5e3da4;background:#f2edf9}.chat-filter-tab--active{color:#5f38ad;border-color:#7049be21;background:#eee7fa}.chat-filter-tab small{display:grid;min-width:18px;height:18px;place-items:center;padding:0 5px;color:#fff;border-radius:999px;background:#7952c6;font-size:.62rem;line-height:1}.chat-filter-manage{display:grid;flex:none;width:32px;height:32px;place-items:center;padding:0;color:#7655b6;border:1px solid rgba(112,73,190,.13);border-radius:50%;background:#f5f1fa;cursor:pointer}.chat-filter-manage:hover{color:#563398;background:#ece4f8}.chat-folder-dialog{width:min(480px,calc(100vw - 24px));max-height:min(720px,calc(100dvh - 24px))}.chat-folder-room-heading{display:flex;align-items:center;justify-content:space-between;color:var(--ink-soft);font-size:.8rem}.dialog .chat-folder-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;min-height:42px;padding:0 12px;color:var(--ink-soft);border:1px solid var(--line-strong);border-radius:12px;background:var(--field)}.dialog .chat-folder-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.dialog .chat-folder-search input{min-width:0;padding:0;border:0;outline:0;background:transparent;box-shadow:none}.dialog .chat-folder-search button{display:grid;width:28px;height:28px;place-items:center;padding:0;color:var(--ink-soft);border:0;border-radius:50%;background:transparent;cursor:pointer}.dialog .chat-folder-search button:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.chat-folder-room-list{display:grid;gap:3px;min-height:120px;max-height:360px;padding:4px;overflow-y:auto;border:1px solid var(--line);border-radius:14px;background:var(--field)}.dialog .chat-folder-room{display:grid;grid-template-columns:auto 38px minmax(0,1fr);gap:10px;align-items:center;min-height:52px;padding:5px 9px;border-radius:10px;cursor:pointer}.dialog .chat-folder-room:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.dialog .chat-folder-room input{width:18px;height:18px;accent-color:var(--accent)}.dialog .chat-folder-room>span:last-child{display:grid;min-width:0;color:var(--ink);font-size:.86rem;font-weight:650}.dialog .chat-folder-room small{color:var(--ink-soft);font-size:.72rem;font-weight:400}.chat-folder-empty{margin:auto;padding:28px 12px;color:var(--ink-soft);font-size:.82rem}.dialog-footer-spacer{flex:1}.room-list{display:grid;align-content:start;gap:2px;min-height:0;padding:0 8px 12px}.room-row{grid-template-columns:42px minmax(0,1fr) auto;gap:10px;min-height:56px;padding:7px 10px;border:0;border-radius:10px;transition:background .12s ease,transform .12s ease}.room-row:hover,.contact-row:hover{background:#f5f3f8}.room-row--active,.room-row--active:hover,.contact-row--active,.contact-row--active:hover{color:#303342;background:#f1f3f6;box-shadow:inset 2px 0 #d8dde6}.room-avatar{width:36px;height:36px;color:#6f42c1;border-radius:50%;background:#f0e9ff;font-size:.88rem;font-weight:800;box-shadow:none}.room-row .room-avatar,.room-row--active .room-avatar,.conversation-avatar,.avatar-button{text-shadow:none}.room-row:nth-child(3n+2) .room-avatar{color:#087c75;background:#e4f8f5}.room-row:nth-child(3n+3) .room-avatar{color:#bf4f22;background:#fff0e7}.contact-row,.zone-row{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;min-height:56px;padding:7px 10px;color:var(--ink);border:0;border-radius:10px;background:transparent;text-align:left;cursor:pointer}.contact-avatar,.zone-dot{display:grid;width:36px;height:36px;place-items:center;color:#6f42c1;border-radius:50%;background:#f0e9ff;font-weight:800}.contact-row:nth-child(3n+2) .contact-avatar,.zone-row:nth-child(3n+2) .zone-dot{color:#087c75;background:#e4f8f5}.contact-row:nth-child(3n+3) .contact-avatar,.zone-row:nth-child(3n+3) .zone-dot{color:#bf4f22;background:#fff0e7}.zone-row{cursor:default;opacity:.9}.zone-row small{color:#9a94a0;font-size:.68rem;font-weight:700}.settings-panel{display:grid;gap:12px;padding:0 14px 18px}.profile-card{display:grid;justify-items:center;gap:6px;padding:22px 12px 18px;border-radius:14px;background:#f7f6f9}.profile-avatar{display:grid;width:54px;height:54px;place-items:center;color:#6f42c1;border-radius:50%;background:#f0e9ff;font-size:1.08rem;font-weight:800;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-button img,.account-menu-avatar img,.mobile-sidebar-action--profile img,.contact-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.avatar-button,.account-menu-avatar,.mobile-sidebar-action--profile,.contact-avatar{overflow:hidden}.profile-card strong{color:#302b36;font-size:.98rem}.profile-card span:last-child{max-width:100%;overflow:hidden;color:#817a88;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.settings-list{display:grid;margin:0;overflow:hidden;border-radius:12px;background:#f7f6f9}.settings-list div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;min-height:42px;align-items:center;padding:0 12px;border-bottom:1px solid #ece9f0}.settings-list div:last-child{border-bottom:0}.settings-list dt{color:#817a88;font-size:.76rem}.settings-list dd{min-width:0;margin:0;overflow:hidden;color:#302b36;font-size:.82rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.pwa-install-card{display:grid;gap:12px;padding:14px;color:#302b36;border:1px solid #dce2e9;border-radius:14px;background:#fff;box-shadow:0 8px 22px #252f3b0f}.pwa-install-card--dialog{max-width:640px}.pwa-install-card>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start}.pwa-install-card svg{margin-top:2px;color:#0a9f72}.pwa-install-card span{display:grid;gap:3px;min-width:0}.pwa-install-card strong{font-size:.9rem}.pwa-install-card small{color:#817a88;font-size:.78rem;line-height:1.35}.pwa-install-button{min-height:38px;padding:0 14px;color:#073b32;border:0;border-radius:999px;background:#8bcbc4;font-weight:760;cursor:pointer}.pwa-install-button:hover{background:#75bbb3}.pwa-install-dialog p{margin:0;color:var(--ink-soft);line-height:1.55}.pwa-install-steps{display:grid;gap:8px;margin:0;padding-left:22px;color:var(--ink);line-height:1.45}.settings-logout{display:flex;gap:10px;align-items:center;min-height:44px;padding:0 14px;color:#d64555;border:0;border-radius:12px;background:#fff2f4;font-weight:700;cursor:pointer}.settings-logout:hover{background:#ffe8ec}.settings-logout:disabled{color:#a49da9;cursor:default;background:#f0edf4}.account-menu-popover{position:absolute;z-index:85;top:10px;left:calc(100% + 14px);width:260px;overflow:hidden;color:#20242d;border:1px solid #cbd2dd;border-radius:12px;background:#fffffffc;box-shadow:0 18px 44px #1f27362e}.account-menu-header{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:12px;align-items:center;padding:16px 14px 14px 20px;border-bottom:1px solid #e1e6ed}.account-menu-header div{display:grid;min-width:0;gap:4px}.account-menu-header strong,.account-menu-header span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu-header strong{color:#20242d;font-size:1rem;font-weight:800}.account-menu-header span{color:#4d5968;font-size:.94rem}.account-menu-avatar{display:grid;width:32px;height:32px;place-items:center;color:#52606f;border-radius:50%;background:#eef1f5;font-size:.86rem;font-weight:800}.account-menu-actions{display:grid;padding:6px 0}.account-menu-actions button{display:flex;gap:14px;align-items:center;min-height:46px;padding:0 20px;color:#2e3440;border:0;background:transparent;font-weight:560;text-align:left;cursor:pointer}.account-menu-actions button:hover{background:#f3f5f8}.account-menu-actions button:disabled{cursor:wait;opacity:.65}.account-menu-actions .account-menu-logout{color:#e83d4f}.account-menu-actions .account-menu-logout:hover{background:#fff0f2}.account-menu-actions .account-menu-install,.account-menu-actions .account-menu-install svg{color:#0a9f72}.account-menu-actions .account-menu-install:hover{background:#e5f7f1}.quick-settings-popover{position:absolute;z-index:80;bottom:0;left:calc(100% + 12px);display:grid;width:234px;gap:12px;padding:16px;color:#302b36;border:1px solid #dfe3ea;border-radius:12px;background:#fffffffa;box-shadow:0 14px 34px #232a362e}.quick-settings-popover strong{color:#6f7580;font-size:.9rem}.quick-settings-all{min-height:38px;color:#302b36;border:1px solid #cbd2dd;border-radius:999px;background:#fff;font-weight:750;cursor:pointer}.quick-settings-all:hover{background:#f5f7fa}.quick-settings-popover label{display:grid;grid-template-columns:1fr 118px;gap:10px;align-items:center;color:#6f7580;font-size:.76rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.quick-settings-popover select{min-height:38px;padding:0 10px;color:#302b36;border:1px solid #cbd2dd;border-radius:8px;background:#fff;font:inherit;text-transform:none}.settings-dialog-backdrop{position:fixed;z-index:90;inset:0;display:grid;place-items:center;padding:18px;background:#636f7c85}.settings-dialog{display:grid;grid-template-areas:"header header" "nav content";grid-template-columns:240px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);width:min(1080px,calc(100vw - 36px));height:min(760px,calc(100dvh - 36px));overflow:hidden;border:1px solid #c8d0da;border-radius:24px;background:#fff;box-shadow:0 22px 60px #18212f47}.settings-dialog>header{grid-area:header;display:flex;align-items:center;justify-content:space-between;min-height:74px;padding:0 28px 0 40px}.settings-dialog h2{margin:0;color:#1f232b;font-size:1.45rem}.settings-dialog h2 span{font-weight:500}.settings-dialog>header button{display:grid;width:34px;height:34px;place-items:center;color:#7f8791;border:0;border-radius:50%;background:#f0f2f5;cursor:pointer}.settings-dialog>header button:hover{color:#303342;background:#e5e8ed}.settings-dialog-nav{grid-area:nav;display:grid;align-content:start;gap:4px;padding:18px 28px 28px 32px}.settings-dialog-tab{display:flex;gap:12px;align-items:center;min-height:40px;padding:0 12px;color:#65707d;border:0;border-radius:999px;background:transparent;font-weight:650;text-align:left;cursor:pointer}.settings-dialog-tab:hover,.settings-dialog-tab--active{color:#1f232b;background:#edf0f4}.settings-dialog-tab__chevron{display:none;margin-left:auto}.settings-dialog-content{grid-area:content;min-width:0;overflow:auto;padding:36px 84px 64px 34px}.settings-dialog-content h3{margin:0 0 14px;color:#252a33;font-size:1.75rem;font-weight:500}.settings-dialog-content p{margin:0 0 28px;color:#3d434d}.account-profile-row{display:grid;grid-template-columns:86px minmax(0,1fr);gap:20px;align-items:end;margin-bottom:22px}.profile-avatar-editor{display:grid;justify-items:center;gap:7px}.profile-avatar-action,.profile-avatar-remove{padding:0;color:#6f42c1;border:0;background:transparent;font:inherit;font-size:.78rem;cursor:pointer}.profile-avatar-action input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.profile-avatar-remove{color:#a34b58}.saved-message-list{gap:7px;padding:5px 9px 14px}.saved-message-row{display:grid;gap:4px;width:100%;padding:11px 12px;text-align:left;color:#303541;border:1px solid transparent;border-radius:11px;background:#f7f5fa;cursor:pointer}.saved-message-row:hover{border-color:#ded5eb;background:#f2edf8}.saved-message-row strong{overflow:hidden;font-size:.88rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.saved-message-row small,.saved-message-room{overflow:hidden;color:#7b7186;font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}.saved-message-room{color:#7141bd;font-weight:700}.forward-dialog{width:min(430px,calc(100vw - 28px));max-height:min(650px,calc(100dvh - 34px))}.forward-dialog-preview{margin:0 20px 12px;padding:10px 12px;overflow:hidden;color:#68606f;border-radius:9px;background:#f5f2f7;font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.forward-room-list{display:grid;gap:4px;padding:0 12px 16px;overflow-y:auto}.forward-room-list>button{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:52px;padding:6px 9px;text-align:left;color:#303541;border:0;border-radius:10px;background:transparent;font:inherit;font-weight:650;cursor:pointer}.forward-room-list>button:hover{background:#f1edf5}:root[data-primo-theme=dark] .forward-dialog-preview,:root[data-primo-theme=dark] .forward-room-list>button:hover{color:#c7bdcf;background:#302738}:root[data-primo-theme=dark] .forward-room-list>button{color:#f2ebf8}.settings-primary-action{justify-self:start;min-height:38px;padding:0 16px;color:var(--ds-text-on-accent);border:1px solid var(--ds-accent-control);border-radius:9px;background:var(--ds-accent-control);font:inherit;font-weight:700;cursor:pointer}.settings-primary-action:hover:not(:disabled){border-color:var(--ds-accent-hover);background:var(--ds-accent-hover)}.settings-primary-action:disabled{opacity:.55;cursor:default}.settings-inline-error{margin:-10px 0 20px!important;color:var(--ds-status-danger)!important}.settings-field,.account-profile-row label{display:grid;gap:7px;color:#252a33;font-weight:650}.settings-field input,.account-profile-row input{width:100%;min-height:46px;padding:0 14px;color:#252a33;border:1px solid #aeb7c3;border-radius:7px;background:#fff;font:inherit}.settings-dialog-content hr{margin:32px 0;border:0;border-top:1px solid #dde2e8}.settings-list--dialog{max-width:640px}.settings-logout--dialog{display:inline-flex;width:fit-content;min-height:40px;margin-top:22px;border:1px solid #ffb4bd;border-radius:999px;background:#fff}.settings-placeholder-panel{display:grid;max-width:580px;min-height:220px;align-content:center;padding:34px;border-radius:14px;background:#f7f8fa}.settings-placeholder-panel--interactive{align-content:start}.settings-choice{display:flex;max-width:420px;min-height:46px;align-items:center;justify-content:space-between;gap:18px;padding:0 14px;color:#252a33;border:1px solid #d7dde5;border-radius:12px;background:#fff;font-weight:650}.settings-choice select{min-height:34px;padding:0 10px;color:#302b36;border:1px solid #cbd2dd;border-radius:8px;background:#fff;font:inherit}.settings-panel{display:grid;align-content:start;gap:14px;max-width:640px}.settings-panel>p{max-width:620px}.settings-bots-launcher{grid-template-columns:auto minmax(0,1fr);align-items:start;max-width:620px;padding:24px;border:1px solid var(--ds-border);border-radius:18px;background:var(--ds-panel);box-shadow:var(--ds-shadow-soft)}.settings-bots-launcher__icon{display:grid;grid-row:1 / span 4;width:50px;height:50px;place-items:center;color:var(--ds-accent);border-radius:15px;background:var(--ds-accent-soft)}.settings-bots-launcher h3,.settings-bots-launcher p,.settings-bots-launcher small,.settings-bots-launcher__actions{grid-column:2}.settings-bots-launcher p{margin:0;line-height:1.55}.settings-bots-launcher small{color:var(--ds-text-muted);line-height:1.5}.settings-bots-launcher__actions{display:flex;flex-wrap:wrap;gap:10px}.settings-secondary-action{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 16px;color:var(--ds-accent);border:1px solid color-mix(in srgb,var(--ds-accent) 36%,var(--ds-border));border-radius:9px;background:var(--ds-accent-soft);font-weight:700;text-decoration:none}.settings-secondary-action:hover{color:var(--ds-accent-hover);border-color:var(--ds-accent)}.settings-card-list{display:grid;gap:12px;margin-top:6px}.device-list-hint{margin:0;color:var(--ink-soft);font-size:.82rem}.device-secondary-list{border:1px solid var(--line);border-radius:14px;background:var(--surface-raised-solid)}.device-secondary-list>summary{padding:14px 16px;color:var(--ink);font-weight:750;cursor:pointer}.device-secondary-list>p{margin:0;padding:0 16px 12px;color:var(--ink-soft);font-size:.82rem}.device-secondary-list>div{display:grid;gap:10px;padding:0 10px 10px}.device-secondary-list .settings-info-card{background:var(--field)}.settings-info-card,.settings-note-card{padding:18px;color:#3d434d;border:1px solid #dce2e9;border-radius:14px;background:#fff;line-height:1.45}.settings-info-card header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;margin-bottom:10px;color:#252a33}.settings-info-card header svg{color:var(--violet)}.settings-info-card p{margin:0}.settings-notification-action{display:inline-flex;min-height:40px;align-items:center;gap:8px;margin-top:14px;padding:0 14px;color:#fff;border:0;border-radius:10px;background:var(--violet);font:inherit;font-weight:750;cursor:pointer}.settings-notification-action:hover{filter:brightness(1.06)}.settings-info-card .settings-notification-warning{margin-top:12px;padding:10px 12px;color:#8a4b20;border-radius:10px;background:#fff4e8}.settings-status{padding:4px 8px;color:#68717d;border-radius:999px;background:#eef1f5;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.settings-status--ok{color:#23645a;background:#ddf5f0}.settings-meta-list{display:grid;gap:8px;margin:0}.settings-meta-list div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px}.settings-meta-list dt{color:#777f8c;font-size:.82rem}.settings-meta-list dd{min-width:0;margin:0;overflow-wrap:anywhere}.device-revoke-button{min-height:38px;margin-top:14px;padding:0 13px;color:var(--danger-text);border:1px solid color-mix(in srgb,var(--danger-text),transparent 65%);border-radius:10px;background:var(--danger-soft);font-weight:700;cursor:pointer}.device-revoke-all-button{justify-self:start;min-height:40px;padding:0 14px;color:var(--danger-text);border:1px solid color-mix(in srgb,var(--danger-text),transparent 62%);border-radius:10px;background:transparent;font:inherit;font-weight:700;cursor:pointer}.device-revoke-all-button:hover{background:var(--danger-soft)}.device-revoke-form{display:grid;gap:10px;margin-top:14px;padding:14px;border-radius:12px;background:var(--field)}.device-revoke-form--all{margin:0 0 4px;border:1px solid color-mix(in srgb,var(--danger-text),transparent 72%)}.device-revoke-form--all>p{margin:0;font-size:.82rem}.device-revoke-form label{display:grid;gap:7px;color:var(--ink);font-weight:650}.device-revoke-form input{min-height:42px;padding:0 12px;color:var(--ink);border:1px solid var(--line-strong);border-radius:9px;background:var(--surface-raised-solid);font:inherit}.device-revoke-form small{color:var(--danger-text)}.device-revoke-form>div{display:flex;gap:8px;justify-content:flex-end}.device-revoke-form button{min-height:36px;padding:0 12px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface-raised-solid);cursor:pointer}.device-revoke-form button[type=submit]{color:#fff;border-color:var(--danger-text);background:var(--danger-text)}.settings-shortcuts{display:grid;gap:10px;margin:0}.settings-shortcuts div{display:grid;grid-template-columns:minmax(140px,.8fr) minmax(0,1fr);gap:16px;align-items:center;min-height:46px;padding:0 14px;border:1px solid #dce2e9;border-radius:12px;background:#fff}.settings-shortcuts dt{color:#252a33;font-weight:700}.settings-shortcuts dd{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-end;margin:0;color:#777f8c}.settings-shortcuts kbd{min-width:28px;padding:4px 7px;color:#252a33;border:1px solid #cbd2dd;border-radius:7px;background:#f6f8fb;box-shadow:inset 0 -1px #dce2e9;font:700 .78rem/1 var(--font-family);text-align:center}.room-copy__top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.room-copy__top strong{color:var(--text-primary);overflow:hidden;font-size:.92rem;font-weight:720;text-overflow:ellipsis;white-space:nowrap}.room-copy__top time{flex:none;color:var(--text-tertiary);font-size:.66rem;font-weight:520}.room-last-message-meta{display:inline-flex;flex:none;align-items:center;gap:3px}.room-last-message-status{color:var(--violet)}.room-last-message-status--pending{animation:spin 1s linear infinite}.room-row--active .room-copy__top time,.room-row--active .room-copy>span,.room-row--active .room-copy__top strong,.contact-row--active .room-copy>span,.contact-row--active .room-copy__top strong{color:#303846}.room-copy>span{color:var(--text-secondary);font-size:.79rem;font-weight:450}.unread{min-width:20px;height:20px;padding:2px 6px;background:#7d58cf;font-size:.68rem}.room-row--active .unread{color:#fff;background:#7952c6}.create-room-control{position:relative}.room-list-heading .create-room-button{width:36px;height:36px;color:#6841b7;border-radius:50%;background:transparent;font-size:1.42rem;font-weight:400}.room-list-heading .create-room-button:hover,.room-list-heading .create-room-button[aria-expanded=true]{background:#eee8fa}.create-room-menu{position:absolute;z-index:30;top:calc(100% + 5px);right:0;display:grid;width:178px;padding:6px;border:1px solid #e5dff0;border-radius:12px;background:#fffffffa;box-shadow:0 10px 26px #33254729}.create-room-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 10px;color:#39313f;border:0;border-radius:8px;background:transparent;font-size:.9rem;text-align:left;cursor:pointer}.create-room-menu button:hover{background:#f3f0f7}.create-room-menu button:disabled{color:#a39ca9;cursor:default}.create-room-menu button:disabled:hover{background:transparent}.create-room-menu button svg{flex:0 0 18px;color:#7752c4}.create-room-menu small{margin-left:auto;color:#9991a2;font-size:.68rem}.conversation{position:relative;isolation:isolate;grid-template-rows:66px minmax(0,1fr) auto auto;height:var(--primo-viewport-height);overflow:hidden;background:#efedf3}.conversation:before{position:absolute;z-index:-1;inset:66px 0 0;background:linear-gradient(#f4f2f7b8,#eeebf3c7),url(/assets/chat-wallpaper-v1.png) center / 720px auto repeat;content:""}.conversation-header{z-index:4;gap:11px;min-height:66px;padding:8px 16px;border-bottom:1px solid #dfdce5;background:#fffffff0;box-shadow:0 1px 8px #2a20390d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.conversation-avatar{display:grid;width:44px;height:44px;flex:none;place-items:center;color:#6f42c1;border-radius:50%;background:#f0e9ff;font-weight:800;box-shadow:none}.room-title strong{font-size:.96rem}.room-title span{color:#817a88;font-size:.75rem}.header-action,.mobile-back{width:40px;height:40px;flex:none;color:#77717d;border-radius:50%;background:transparent;font-size:1.05rem}.header-action--active{color:#6240ad;background:#eee8fa}.room-menu-control{position:relative;flex:none}.room-menu-popover{position:absolute;z-index:35;top:calc(100% + 8px);right:0;display:grid;width:236px;max-height:calc(100dvh - 88px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:6px;border:1px solid #d7dde6;border-radius:12px;background:#fffffffc;box-shadow:0 18px 42px #242b382e}.room-context-menu{position:fixed;right:auto;max-height:calc(100dvh - 24px)}.room-menu-popover button{display:flex;gap:12px;align-items:center;min-height:42px;padding:0 12px;color:#2e3440;border:0;border-radius:8px;background:transparent;font-size:.9rem;font-weight:560;text-align:left;cursor:pointer}.room-menu-popover button:hover{background:#f3f5f8}.room-menu-popover .room-menu-danger{margin-top:5px;color:#e23d4f;border-top:1px solid #edf0f4;border-radius:0 0 8px 8px}.room-menu-popover .room-menu-danger:hover{background:#fff0f2}.chat-search-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto auto;flex:1;gap:6px;align-items:center;min-width:0;min-height:44px;padding:0 8px 0 14px;color:#74707c;border:1px solid #e2dfea;border-radius:22px;background:#f7f5fa}.chat-search-bar input{min-width:0;height:38px;padding:0;color:#282431;border:0;outline:none;background:transparent;font:inherit}.chat-search-bar input::placeholder{color:#928b9a}.chat-search-count{min-width:36px;color:#817a88;font-size:.78rem;font-weight:750;text-align:right}.chat-search-bar button{display:grid;width:30px;height:30px;place-items:center;color:#655f70;border:0;border-radius:50%;background:transparent;cursor:pointer}.chat-search-bar button:hover{color:#563398;background:#eee8fa}.chat-search-bar button:disabled{color:#b1abb8;cursor:default}.chat-search-bar button:disabled:hover{background:transparent}.timeline{gap:2px;padding:18px max(32px,calc((100% - 820px)/2)) 20px;scroll-behavior:smooth;scrollbar-width:none}.timeline::-webkit-scrollbar{width:0;height:0}.settings-notification-actions{display:flex;flex-wrap:wrap;gap:8px}.timeline-jump{position:absolute;z-index:4;right:clamp(26px,5.4vw,96px);bottom:82px;display:grid;width:46px;height:46px;place-items:center;padding:0;color:#5d3fa7;border:1px solid rgba(126,101,176,.18);border-radius:50%;background:#fffffff0;box-shadow:0 10px 28px #2d213d29;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer}.timeline-jump:hover{background:#fff;transform:translateY(-1px)}.timeline-jump-badge{position:absolute;top:-5px;right:-5px;display:grid;min-width:19px;height:19px;place-items:center;padding:0 5px;color:#fff;border:2px solid rgba(255,255,255,.96);border-radius:999px;background:#7b57ce;box-shadow:0 4px 12px #3c266038;font-size:.64rem;font-weight:700;line-height:1}@media(max-width:1180px){.timeline{padding:12px 46px 14px 10px}.timeline-jump{right:8px;width:40px;height:40px}.message{max-width:min(560px,86%)}}.room-info{width:min(372px,92vw);padding:0;overflow:auto;border-left:1px solid #dfe3ea;background:#fffffffa;box-shadow:-18px 0 46px #25293629}.room-info header{position:sticky;z-index:2;top:0;min-height:58px;padding:0 14px 0 20px;border-bottom:1px solid #edf0f4;background:#fffffff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.room-info header h2{color:#20242d;font-size:1rem;font-weight:800}.room-info header button{display:grid;width:34px;height:34px;place-items:center;color:#66717f;border-radius:50%;background:#f1f3f6;font-size:1rem}.room-info-profile{display:grid;justify-items:center;gap:7px;padding:28px 24px 22px;text-align:center}.room-info-profile .room-info-avatar{display:grid;width:78px;height:78px;place-items:center;color:#6b41b9;border-radius:50%;background:#efe9fb;font-size:2.75rem;font-weight:850;line-height:1}.room-info-profile strong{max-width:100%;overflow:hidden;color:#20242d;font-size:1.12rem;text-overflow:ellipsis;white-space:nowrap}.room-info-profile span{color:#737b87;font-size:.84rem}.room-info-profile p{width:100%;margin:8px 0 0;padding:12px 14px;color:#4d5968;border-radius:12px;background:#f6f7fa;font-size:.84rem;line-height:1.45}.room-info-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 16px 18px}.room-info-actions button{display:grid;min-height:72px;justify-items:center;gap:7px;padding:10px 6px;color:#3c4552;border:1px solid #e2e6ed;border-radius:14px;background:#fafbfc;font-size:.78rem;font-weight:700;cursor:pointer}.room-info-actions button:hover{color:#563398;border-color:#d8cef0;background:#f4f0fb}.room-info-section{display:grid;gap:8px;padding:16px;border-top:1px solid #edf0f4}.room-info-section h3{margin:0 0 4px;color:#68717d;font-size:.76rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.room-info-members{display:grid;gap:2px}.room-info-member{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:52px;padding:6px 4px;border-radius:12px}.room-info-member:hover{background:#f6f7fa}.room-info-member>span:last-child{display:grid;min-width:0;gap:3px}.room-info-member strong,.room-info-member small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-info-member strong{color:#2e3440;font-size:.9rem}.room-info-member small{color:#7b8491;font-size:.75rem}.room-info .room-info-meta{display:grid;gap:0;margin:0;padding:8px 16px 16px;border-top:1px solid #edf0f4}.room-info .room-info-meta div{padding:12px;border-radius:12px;background:#f8f9fb}.room-info .room-info-meta dt{color:#747d89;font-size:.74rem}.room-info .room-info-meta dd{margin:5px 0 0;overflow-wrap:anywhere;color:#3e4652;font-size:.78rem}.room-info>.room-info-leave{display:flex;width:calc(100% - 32px);min-height:44px;align-items:center;gap:10px;margin:0 16px 18px;padding:0 14px;color:#e23d4f;border:1px solid #ffd4da;border-radius:12px;background:#fff5f6;font-weight:750}.room-info>.room-info-leave:hover{background:#ffecef}.timeline:before{display:block;min-height:1px;margin-top:auto;content:""}.message-row{display:flex;flex-direction:column;width:100%}.date-divider{position:sticky;z-index:2;top:4px;display:flex;justify-content:center;margin:10px 0 8px;pointer-events:none}.date-divider span,.load-older{padding:5px 11px;color:#fff;border:0;border-radius:999px;background:#5b4d6f8c;box-shadow:0 2px 8px #251c321f;font-size:.72rem;font-weight:650;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.load-older{margin:2px auto 8px;cursor:pointer;pointer-events:auto}.message{position:relative;align-self:flex-start;width:fit-content;max-width:min(520px,72%);margin-top:5px;padding:7px 11px 6px 12px;border:0;border-radius:15px 15px 15px 5px;background:#fff;box-shadow:0 1px 2px #221a2b29;text-align:left}.message:after{position:absolute;bottom:0;left:-5px;width:10px;height:11px;background:#fff;clip-path:polygon(100% 0,100% 100%,0 100%);content:""}.message--own{align-self:flex-end;border-radius:15px 15px 5px;background:#e2f3ee;box-shadow:0 1px 2px #2e5e5824}.message--own:after{right:-5px;left:auto;background:#e2f3ee;clip-path:polygon(0 0,100% 100%,0 100%)}.message--grouped{margin-top:1px}.message--grouped:not(.message--own){border-top-left-radius:9px}.message--own.message--grouped{border-top-right-radius:9px}.message--continues:not(.message--own){border-bottom-left-radius:9px}.message--own.message--continues{border-bottom-right-radius:9px}.message--continues:after{display:none}.message--search-active{box-shadow:0 0 0 2px #7752c46b,0 8px 22px #432c6c2e}.message-search-mark{padding:0 2px;color:inherit;border-radius:4px;background:#ffe487}.message-link{color:inherit;overflow-wrap:anywhere;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 55%,transparent);text-underline-offset:2px}.message-link:hover{text-decoration-color:currentColor}.message--own .message-search-mark{background:#fff2a6}.message-author{display:block;margin-bottom:2px;color:#7650c7;font-size:.76rem}.message p{display:inline;margin:0;color:#292530;font-size:.92rem;line-height:1.4;overflow-wrap:anywhere}.message time{float:right;margin:6px 0 0 11px;color:#8a8490;font-size:.64rem;line-height:1}.message--own time{color:#5d827b}.message-status{display:inline-block;margin-left:3px;vertical-align:-2px}.message-status--pending{animation:message-status-spin .9s linear infinite}.message-status--read{color:#7652b7}.message--failed,.message--failed:after{background:#ffecef}.message--failed{color:#6f2f37;box-shadow:0 1px 3px #68424a1f}.message--failed p{color:#38232a}.message--failed time{color:#a85664}.message--retrying{opacity:.84}.message--attachment-outbox{min-width:min(280px,92%)}.message--attachment-outbox .message-image-button,.message--attachment-outbox .file-card{clear:both}.message-image-button--pending{cursor:default}.message-image-button--pending>span{opacity:1}.file-card--pending{cursor:default}.attachment-progress{display:block;clear:both;height:3px;margin-top:8px;overflow:hidden;border-radius:999px;background:#ffffff9e}.attachment-progress:after{display:block;width:var(--progress, 8%);height:100%;border-radius:inherit;background:#6db7ad;content:"";transition:width .16s ease}.message-failed-actions{display:flex;clear:both;gap:6px;margin-top:8px}.message-failed-actions button{display:inline-flex;min-height:28px;align-items:center;gap:5px;padding:0 9px;color:#a63849;border:0;border-radius:999px;background:#ffffffb8;font-size:.76rem;font-weight:720;cursor:pointer}.message-failed-actions button:hover{background:#fff}.message-failed-actions button:disabled{opacity:.55;cursor:wait}@keyframes message-status-spin{to{transform:rotate(360deg)}}.reply-preview{margin:0 0 5px;padding:4px 7px;border-left-width:2px;border-radius:4px;font-size:.72rem}.message-hover-actions{position:absolute;z-index:11;top:-34px;right:0;display:flex;gap:1px;padding:3px;color:#69727e;border:1px solid #d8dee6;border-radius:9px;background:#fffffffa;box-shadow:0 4px 12px #252f3b1f;opacity:0;pointer-events:none;cursor:pointer;transform:translateY(2px);transition:opacity .12s ease,transform .12s ease}.message-hover-actions:before{position:absolute;right:0;bottom:-8px;width:100%;height:8px;content:""}.message-hover-actions button{display:grid;width:29px;height:29px;place-items:center;padding:0;color:inherit;border:0;border-radius:6px;background:transparent;cursor:pointer}.message-hover-actions button:hover{color:#6245a5;background:#f0ecf8}.message:hover .message-hover-actions,.message:focus-within .message-hover-actions{opacity:1;pointer-events:auto;transform:translateY(0)}@media(hover:none),(pointer:coarse){.message-hover-actions{display:none}}.message-actions{position:absolute;z-index:12;bottom:calc(100% + 7px);left:8px;display:grid;min-width:236px;margin:0;padding:6px;border:1px solid rgba(76,64,91,.1);border-radius:14px;background:#fffffff7;box-shadow:0 12px 34px #1f172a38;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.message--own .message-actions{right:8px;left:auto}.message-actions>button{display:flex;gap:10px;align-items:center;min-height:44px;padding:0 12px;color:#302b36;border:0;border-radius:8px;background:transparent;font-size:.96rem;font-weight:500;cursor:pointer}.message-actions>button:hover{background:#f1eef5}.message-actions>.message-delete{color:#d64555}.message-reaction-picker{padding-bottom:6px;border-bottom:1px solid #ece9f0}.message-quick-reactions{display:grid;grid-template-columns:repeat(6,32px);gap:6px;align-items:center;padding:4px 6px 7px}.message-quick-reactions button{display:grid;width:32px;height:32px;place-items:center;padding:0;color:#7b8491;border:0;border-radius:50%;background:transparent;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;font-size:1.2rem;line-height:1;cursor:pointer}.message-quick-reactions .epr-emoji-img{display:block}.message-quick-reactions button:hover,.message-quick-reactions button[aria-expanded=true]{background:#f0f2f5}.message-quick-reactions__more{font-family:inherit!important;font-size:1rem!important;font-weight:600}.message-reaction-expanded{width:300px;padding-top:5px;overflow:hidden;border-top:1px solid #eceff3}.message-reaction-expanded .EmojiPickerReact{--epr-bg-color: transparent;--epr-picker-border-color: transparent;--epr-highlight-color: #6f7580;--epr-hover-bg-color: #f0f2f5;--epr-focus-bg-color: #eef1f5;--epr-text-color: #7f7689;--epr-search-input-bg-color: #f4f5f7;--epr-category-label-bg-color: rgba(255, 255, 255, .92);--epr-category-icon-active-color: #6f7580;--epr-picker-border-radius: 12px;--epr-search-input-border-radius: 10px;--epr-emoji-size: 23px;--epr-emoji-padding: 5px;border:0;box-shadow:none;font-family:inherit}.emoji-picker-loading{display:grid;width:100%;min-height:52px;place-items:center;color:#7f7689;font-size:.9rem}.reactions{clear:both;padding-top:4px}.reactions button{min-height:24px;padding:2px 7px;border:0;background:#ffffff94;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;font-size:.82rem;line-height:1.15}.reactions button.reacted{background:#ffffffc7;box-shadow:inset 0 0 0 1px #78818e1a}.message-image-button{min-width:180px;margin:1px 0 4px;border-radius:11px}.file-card{min-width:220px;margin:2px 0 4px;background:#ffffff94}.upload-status{margin:0 16px 8px;background:#fffffff0}.compose-context{margin:0 16px;padding:7px 14px;border:0;border-left:3px solid #7b57ce;background:#fffffff0}.composer{z-index:4;align-items:flex-end;gap:8px;padding:9px max(16px,calc((100% - 860px)/2)) 12px;border:0;background:#f4f2f7d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.composer textarea{min-height:44px;max-height:130px;padding:12px 16px;overflow-y:auto;border:1px solid #ded9e5;border-radius:22px;background:#fff;line-height:1.35;box-shadow:0 1px 3px #2f233d12}.composer>button:first-child,.attachment-control>button,.send-button{display:grid;width:44px;height:44px;flex:0 0 44px;place-items:center;padding:0;border:0;border-radius:50%;cursor:pointer}.emoji-control{position:relative;flex:0 0 auto}.composer .emoji-button{display:grid;width:44px;height:44px;place-items:center;padding:0;color:#716a79;border:0;border-radius:50%;background:#fff;font-size:1.34rem;cursor:pointer}.composer .emoji-button:hover,.composer .emoji-button[aria-expanded=true]{color:#714abe;background:#eee8fa}.emoji-picker{position:absolute;z-index:20;left:0;bottom:calc(100% + 10px);width:min(320px,calc(100vw - 28px));padding:0;overflow:hidden;border-radius:14px;box-shadow:0 12px 30px #2d213d2e}.emoji-picker .EmojiPickerReact{--epr-bg-color: rgba(255, 255, 255, .99);--epr-picker-border-color: #e4deed;--epr-highlight-color: #714abe;--epr-hover-bg-color: #f0ebf8;--epr-focus-bg-color: #eee8fa;--epr-text-color: #7f7689;--epr-search-input-bg-color: #f4f1f8;--epr-category-label-bg-color: rgba(255, 255, 255, .92);--epr-category-icon-active-color: #714abe;--epr-picker-border-radius: 14px;--epr-search-input-border-radius: 12px;--epr-emoji-size: 25px;--epr-emoji-padding: 5px;border-color:#e4deed;font-family:inherit}.composer>button:first-child,.attachment-control>button{color:#716a79;background:#fff;font-size:1.35rem}.composer .send-button{color:#fff;background:linear-gradient(145deg,#8962d9,#6d48c1);box-shadow:0 5px 15px #6948bc47;font-size:1rem}.composer .send-button:disabled{color:#a49da9;background:#e6e2ea;box-shadow:none}.room-info{top:66px;background:#fffffff7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@media(max-width:860px){.messenger-shell{grid-template-columns:1fr;height:var(--primo-viewport-height)}.app-nav-rail{display:none}.mobile-rail-open .app-nav-rail{position:fixed;z-index:31;inset:0 auto 0 0;display:grid;width:min(286px,82vw);padding:18px 14px 14px;box-shadow:18px 0 45px #1c14263d;overflow-y:auto}.mobile-rail-open .rail-main,.mobile-rail-open .rail-bottom{justify-items:stretch}.mobile-rail-open .rail-button{display:flex;width:100%;justify-content:flex-start;gap:12px;padding:0 12px}.mobile-rail-open .rail-label{display:inline}.mobile-rail-open .rail-lock-dot{position:static;margin-left:auto;border:0}.mobile-rail-backdrop{position:fixed;z-index:30;inset:0;display:block;width:100%;border:0;background:#19122275;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-rail-close{position:absolute;top:12px;right:12px;z-index:20;display:grid;width:36px;height:36px;color:var(--ink-soft);border:0;border-radius:10px;background:var(--field);place-items:center;cursor:pointer;pointer-events:auto}.mobile-rail-open .settings-quick-control{width:100%}.mobile-rail-open .quick-settings-popover{right:0;bottom:calc(100% + 8px);left:0;width:100%;max-height:min(420px,calc(100dvh - 112px));overflow-y:auto}.mobile-nav-trigger{display:grid;flex:0 0 38px;width:38px;height:38px;color:#6f7580;border:0;border-radius:11px;background:#f2f1f5;place-items:center}.mobile-rail-open .rail-expand-toggle{display:none}.room-sidebar{height:var(--primo-viewport-height);touch-action:pan-y}.room-sidebar .sidebar-header{padding-right:12px}.mobile-sidebar-actions{display:flex;gap:8px;align-items:center}.mobile-refresh-status{display:block;padding:5px 16px;color:#25714f;background:#eaf6ef;font-size:.76rem;font-weight:700;text-align:center}.messenger-shell.room-selected .room-sidebar{display:none}.messenger-shell:not(.room-selected) .conversation{display:none}.messenger-shell.room-selected .conversation{display:grid}.mobile-back{display:grid;width:36px;height:36px;place-items:center;color:#626a75;background:#fff;box-shadow:0 1px 4px #252f3b1f}.mobile-back svg{display:block}.conversation-avatar{width:40px;height:40px}.conversation-header{padding:7px 8px}.conversation-header .header-action:nth-last-of-type(2){display:none}.timeline{padding:10px 38px 12px 6px}.timeline-jump{right:5px;bottom:76px;width:36px;height:36px}.message{max-width:92%;font-size:.94rem}.message-hover-actions{top:-34px;opacity:0;pointer-events:none;transform:translateY(2px)}.message:hover .message-hover-actions,.message:focus-within .message-hover-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.message-actions{position:fixed;inset:auto 10px 72px;grid-template-columns:1fr}.message-actions>button{min-height:44px}.composer{gap:6px;padding:7px 7px max(8px,env(safe-area-inset-bottom))}.composer>button:first-child,.attachment-control>button,.send-button,.composer .emoji-button{width:40px;height:40px;flex-basis:40px}.composer textarea{min-height:40px;max-height:112px;padding:10px 14px;border-radius:20px;font-size:16px;line-height:1.35}.attachment-menu{position:fixed;right:8px;bottom:calc(58px + max(8px,env(safe-area-inset-bottom)));left:8px;width:auto;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px;border-radius:18px}.attachment-menu button{min-height:50px;padding:0 10px;border-radius:12px;font-size:.88rem}.attachment-menu small{display:block;margin-left:0;font-size:.62rem}.emoji-picker{position:fixed;right:8px;bottom:calc(58px + max(8px,env(safe-area-inset-bottom)));left:8px;width:auto;max-height:min(360px,calc(100dvh - 130px))}.emoji-picker .EmojiPickerReact{width:100%!important;height:min(360px,calc(100dvh - 130px))!important}.compose-context{margin:0 8px}.upload-status{margin:0 8px 8px}.media-lightbox{grid-template-columns:1fr;padding:58px 12px 18px}.media-lightbox img{border-radius:14px}.media-lightbox-stage{height:70dvh}.media-lightbox figcaption{grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;width:100%}.media-lightbox figcaption small{justify-self:end}.media-lightbox-actions{grid-column:1 / -1;justify-self:center}.media-lightbox-close{top:10px;right:10px;width:44px;height:44px}.media-lightbox-nav{width:44px;height:44px}.media-lightbox-nav--prev{left:10px}.media-lightbox-nav--next{right:10px}}@media(max-width:700px){.settings-dialog-backdrop{align-items:stretch;padding:8px}.settings-dialog{grid-template-areas:none;grid-template-columns:1fr;grid-template-rows:none;align-content:start;width:calc(100vw - 16px);height:calc(100dvh - 16px);overflow-y:auto;border-radius:18px}.settings-dialog>header{position:sticky;z-index:2;top:0;grid-area:auto;order:-1;min-height:58px;padding:0 12px 0 18px;background:var(--ds-panel)}.settings-dialog h2{font-size:1.08rem}.settings-dialog-nav{display:contents}.settings-dialog-tab{display:grid;grid-template-columns:24px minmax(0,1fr) 18px;gap:10px;min-height:52px;margin:4px 12px;padding:0 12px;color:var(--ds-text-primary);border:1px solid var(--ds-border);border-radius:12px;background:var(--ds-elevated);font-size:.9rem}.settings-dialog-tab--expanded{color:var(--ds-text-primary);border-color:var(--ds-border-strong);background:var(--ds-selected)}.settings-dialog-tab__chevron{display:block;color:var(--ds-text-muted)}.settings-dialog-content{grid-area:auto;overflow:visible;padding:14px 16px 24px;border-bottom:1px solid var(--ds-border)}.settings-dialog-content--collapsed,.settings-dialog-current{display:none}.settings-dialog-content h3{font-size:1.42rem}.account-profile-row{grid-template-columns:1fr;gap:12px}.settings-list--dialog div{grid-template-columns:1fr;gap:3px;min-height:54px;align-content:center}.settings-info-card header,.settings-shortcuts div,.settings-meta-list div{grid-template-columns:1fr}.settings-shortcuts dd{justify-content:flex-start}}:root[data-primo-theme=dark] .messenger-shell{background:#16111e}:root[data-primo-theme=dark] .app-nav-rail{border-right-color:#2d2537;background:#181220}:root[data-primo-theme=dark] .rail-button,:root[data-primo-theme=dark] .rail-expand-toggle,:root[data-primo-theme=dark] .mobile-sidebar-action,:root[data-primo-theme=dark] .header-action,:root[data-primo-theme=dark] .mobile-back{color:#b6adbf;background:transparent}:root[data-primo-theme=dark] .rail-avatar,:root[data-primo-theme=dark] .mobile-sidebar-action--profile,:root[data-primo-theme=dark] .avatar-button,:root[data-primo-theme=dark] .conversation-avatar,:root[data-primo-theme=dark] .profile-avatar{color:#dfccff;background:#39284c}:root[data-primo-theme=dark] .rail-button:hover,:root[data-primo-theme=dark] .rail-button--active,:root[data-primo-theme=dark] .mobile-sidebar-action:hover,:root[data-primo-theme=dark] .mobile-sidebar-action--active,:root[data-primo-theme=dark] .header-action:hover,:root[data-primo-theme=dark] .header-action--active,:root[data-primo-theme=dark] .mobile-back:hover{color:#f6f0ff;background:#2b2334}@media(max-width:860px){:root[data-primo-theme=dark] .mobile-nav-trigger{color:#d8cce3;border:1px solid #493b57;background:#2d2436;box-shadow:0 4px 14px #08050c33}:root[data-primo-theme=dark] .mobile-nav-trigger:hover{color:#f4edfa;background:#382c43}}:root[data-primo-theme=dark] .rail-button--install,:root[data-primo-theme=dark] .mobile-sidebar-action--install,:root[data-primo-theme=dark] .header-action--install,:root[data-primo-theme=dark] .account-menu-actions .account-menu-install,:root[data-primo-theme=dark] .account-menu-actions .account-menu-install svg{color:#8bcbc4}:root[data-primo-theme=dark] .rail-button--install:hover,:root[data-primo-theme=dark] .mobile-sidebar-action--install:hover,:root[data-primo-theme=dark] .header-action--install:hover,:root[data-primo-theme=dark] .account-menu-actions .account-menu-install:hover{color:#ecfffb;background:#8bcbc41f}:root[data-primo-theme=dark] .room-sidebar,:root[data-primo-theme=dark] .conversation-header{border-color:#30283a;background:#1f1828f5;box-shadow:none}:root[data-primo-theme=dark] .room-search,:root[data-primo-theme=dark] .room-state,:root[data-primo-theme=dark] .connection-banner,:root[data-primo-theme=dark] .profile-card,:root[data-primo-theme=dark] .pwa-install-card,:root[data-primo-theme=dark] .settings-list,:root[data-primo-theme=dark] .settings-placeholder-panel{color:#bcb3c9;border-color:#352b40;background:#2a2233}:root[data-primo-theme=dark] .room-search:focus-within{border-color:#8c6ee0;background:#31283c;box-shadow:0 0 0 3px #9c71e829}:root[data-primo-theme=dark] .connection-dot{background:var(--teal);box-shadow:0 0 0 4px #8bcbc429}:root[data-primo-theme=dark] .connection-banner{color:#c9eee8;box-shadow:inset 3px 0 #8bcbc46b}:root[data-primo-theme=dark] .room-list-heading,:root[data-primo-theme=dark] .room-copy>span,:root[data-primo-theme=dark] .room-copy__top time,:root[data-primo-theme=dark] .profile-card span:last-child,:root[data-primo-theme=dark] .pwa-install-card small,:root[data-primo-theme=dark] .settings-list dt{color:#a99fb5}:root[data-primo-theme=dark] .rail-lock-dot{border-color:#201827;background:#a8d}:root[data-primo-theme=dark] .chat-filter-tab{color:#aaa0b6}:root[data-primo-theme=dark] .chat-filter-tab:hover{color:#eee7f7;background:#2d2437}:root[data-primo-theme=dark] .chat-filter-tab--active{color:#f4edfb;border-color:#49395a;background:#382b48}:root[data-primo-theme=dark] .chat-filter-manage{color:#cbb5ec;border-color:#49395a;background:#2d2437}:root[data-primo-theme=dark] .chat-filter-manage:hover{color:#f4edfb;background:#382b48}:root[data-primo-theme=dark] .room-copy__top strong,:root[data-primo-theme=dark] .profile-card strong,:root[data-primo-theme=dark] .pwa-install-card strong,:root[data-primo-theme=dark] .settings-list dd,:root[data-primo-theme=dark] .room-title strong,:root[data-primo-theme=dark] .room-info h2,:root[data-primo-theme=dark] .room-info h3{color:#f4effa}:root[data-primo-theme=dark] .room-row:hover,:root[data-primo-theme=dark] .contact-row:hover{background:#282132}:root[data-primo-theme=dark] .room-row--active,:root[data-primo-theme=dark] .room-row--active:hover,:root[data-primo-theme=dark] .contact-row--active,:root[data-primo-theme=dark] .contact-row--active:hover{color:#f4effa;background:#2d2638;box-shadow:inset 2px 0 #9b6be4}:root[data-primo-theme=dark] .room-row--active .room-copy__top time,:root[data-primo-theme=dark] .room-row--active .room-copy>span,:root[data-primo-theme=dark] .room-row--active .room-copy__top strong,:root[data-primo-theme=dark] .contact-row--active .room-copy>span,:root[data-primo-theme=dark] .contact-row--active .room-copy__top strong{color:#f4effa}:root[data-primo-theme=dark] .conversation{background:#17111f}:root[data-primo-theme=dark] .conversation:before{background:linear-gradient(#16111db8,#16111dd1),url(/assets/chat-wallpaper-v1.png) center / 720px auto repeat;filter:saturate(.65) brightness(.62)}:root[data-primo-theme=dark] .date-divider span,:root[data-primo-theme=dark] .load-older{color:#f6f0ff;background:#5f5074b8}:root[data-primo-theme=dark] .timeline-jump{color:#ecfffb;border-color:#8bcbc438;background:#231c2cf0;box-shadow:0 10px 30px #08060c52}:root[data-primo-theme=dark] .timeline-jump:hover{background:#30283a}:root[data-primo-theme=dark] .timeline-jump-badge{color:#0f211e;border-color:#201928;background:#8bcbc4}:root[data-primo-theme=dark] .message,:root[data-primo-theme=dark] .message:after{background:#2b2533}:root[data-primo-theme=dark] .message--own,:root[data-primo-theme=dark] .message--own:after{background:#223f3b}:root[data-primo-theme=dark] .message--own{box-shadow:0 1px 2px #4f8f882e}:root[data-primo-theme=dark] .message p,:root[data-primo-theme=dark] .message-actions>button,:root[data-primo-theme=dark] .message-actions .message-reaction-picker,:root[data-primo-theme=dark] .file-card{color:#f6f0ff}:root[data-primo-theme=dark] .message time{color:#aaa0b6}:root[data-primo-theme=dark] .message--own time{color:#9bc7bd}:root[data-primo-theme=dark] .message-status{color:var(--teal)}:root[data-primo-theme=dark] .message--failed,:root[data-primo-theme=dark] .message--failed:after{background:#4a2630}:root[data-primo-theme=dark] .message--failed{color:#ffd6dc;box-shadow:0 1px 2px #08060c38}:root[data-primo-theme=dark] .message--failed p{color:#ffecef}:root[data-primo-theme=dark] .message--failed time{color:#ff9bab}:root[data-primo-theme=dark] .message-failed-actions button{color:#ffd6dc;background:#ffffff1a}:root[data-primo-theme=dark] .message-failed-actions button:hover{background:#ffffff29}:root[data-primo-theme=dark] .attachment-progress{background:#ffffff1a}:root[data-primo-theme=dark] .attachment-progress:after{background:#8bcbc4}:root[data-primo-theme=dark] .reply-preview,:root[data-primo-theme=dark] .file-card{color:#d9d0e5;background:#f6f0ff14}:root[data-primo-theme=dark] .file-card:hover{background:#f6f0ff1f}:root[data-primo-theme=dark] .file-card-icon,:root[data-primo-theme=dark] .upload-status-icon{color:#dfccff;background:#39284c}:root[data-primo-theme=dark] .media-state,:root[data-primo-theme=dark] .upload-status{color:#f6f0ff;background:#251e2e}:root[data-primo-theme=dark] .media-state--error{color:var(--danger-text);background:var(--danger-soft)}:root[data-primo-theme=dark] .upload-status{box-shadow:0 8px 24px #08060c47}:root[data-primo-theme=dark] .reactions button{color:#f6f0ff;border-color:transparent;background:#ffffff1a}:root[data-primo-theme=dark] .reactions button.reacted{color:#ecfffb;background:#8bcbc42e}:root[data-primo-theme=dark] .composer,:root[data-primo-theme=dark] .compose-context{color:#c9bfd5;background:#1f1828e6}:root[data-primo-theme=dark] .composer textarea,:root[data-primo-theme=dark] .composer .emoji-button,:root[data-primo-theme=dark] .composer>button:first-child,:root[data-primo-theme=dark] .attachment-control>button{color:#f6f0ff;border-color:#3a3046;background:#251e2e;box-shadow:none}:root[data-primo-theme=dark] .composer textarea::placeholder{color:#8f849b}:root[data-primo-theme=dark] .composer .send-button:disabled{color:#6e6478;background:#2a2233}:root[data-primo-theme=dark] .message-hover-actions,:root[data-primo-theme=dark] .message-actions,:root[data-primo-theme=dark] .pinned-message-bar,:root[data-primo-theme=dark] .room-menu-popover,:root[data-primo-theme=dark] .create-room-menu,:root[data-primo-theme=dark] .attachment-menu,:root[data-primo-theme=dark] .account-menu-popover,:root[data-primo-theme=dark] .quick-settings-popover,:root[data-primo-theme=dark] .room-info{color:#f6f0ff;border-color:#3a3046;background:#231c2cfa}:root[data-primo-theme=dark] .message-actions>button:hover,:root[data-primo-theme=dark] .room-menu-popover button:hover,:root[data-primo-theme=dark] .create-room-menu button:hover,:root[data-primo-theme=dark] .attachment-menu button:hover,:root[data-primo-theme=dark] .account-menu-actions button:hover,:root[data-primo-theme=dark] .quick-settings-all:hover{background:#30283a}:root[data-primo-theme=dark] .room-menu-popover button{color:#f4eefb}:root[data-primo-theme=dark] .room-menu-popover button svg{color:#cdbbe3}:root[data-primo-theme=dark] .room-menu-popover button:disabled{color:#776d82;cursor:default}:root[data-primo-theme=dark] .room-menu-popover button:disabled svg{color:#665d70}:root[data-primo-theme=dark] .room-menu-popover .room-menu-danger{color:#ff6073;border-top-color:#493b54}:root[data-primo-theme=dark] .room-menu-popover .room-menu-danger svg{color:currentColor}:root[data-primo-theme=dark] .room-menu-popover .room-menu-danger:hover{background:#ff4f671f}:root[data-primo-theme=dark] .pinned-message-bar small{color:#bdb2c9}:root[data-primo-theme=dark] .attachment-menu button:disabled{color:#71677d}:root[data-primo-theme=dark] .attachment-menu button:disabled:hover{background:transparent}:root[data-primo-theme=dark] .attachment-menu small{color:#8f849b}:root[data-primo-theme=dark] .account-menu-header,:root[data-primo-theme=dark] .message-reaction-picker,:root[data-primo-theme=dark] .settings-list div,:root[data-primo-theme=dark] .settings-dialog-content hr{border-color:#3a3046}:root[data-primo-theme=dark] .account-menu-header strong,:root[data-primo-theme=dark] .account-menu-actions button,:root[data-primo-theme=dark] .quick-settings-all,:root[data-primo-theme=dark] .quick-settings-popover select,:root[data-primo-theme=dark] .settings-dialog h2,:root[data-primo-theme=dark] .settings-dialog-content h3,:root[data-primo-theme=dark] .settings-dialog-content p,:root[data-primo-theme=dark] .settings-dialog-tab--active,:root[data-primo-theme=dark] .settings-field input,:root[data-primo-theme=dark] .account-profile-row input{color:#f6f0ff}:root[data-primo-theme=dark] .account-menu-header span,:root[data-primo-theme=dark] .quick-settings-popover strong,:root[data-primo-theme=dark] .quick-settings-popover label,:root[data-primo-theme=dark] .settings-dialog-tab{color:#b3a9bf}:root[data-primo-theme=dark] .quick-settings-all,:root[data-primo-theme=dark] .quick-settings-popover select,:root[data-primo-theme=dark] .settings-choice,:root[data-primo-theme=dark] .settings-choice select,:root[data-primo-theme=dark] .settings-field input,:root[data-primo-theme=dark] .account-profile-row input{border-color:#4a3d58;background:#251e2e}:root[data-primo-theme=dark] .settings-choice{color:#f6f0ff}:root[data-primo-theme=dark] .settings-info-card,:root[data-primo-theme=dark] .settings-note-card,:root[data-primo-theme=dark] .settings-shortcuts div{color:#c9bfd5;border-color:#3a3046;background:#251e2e}:root[data-primo-theme=dark] .settings-info-card header,:root[data-primo-theme=dark] .settings-shortcuts dt,:root[data-primo-theme=dark] .settings-shortcuts kbd{color:#f6f0ff}:root[data-primo-theme=dark] .settings-info-card .settings-notification-warning{color:#f3c59d;background:#3c2c25}:root[data-primo-theme=dark] .settings-status{color:#c9bfd5;background:#332a3e}:root[data-primo-theme=dark] .settings-status--ok{color:#bfece1;background:#203a35}:root[data-primo-theme=dark] .settings-meta-list dt,:root[data-primo-theme=dark] .settings-shortcuts dd,:root[data-primo-theme=dark] .pwa-install-dialog p{color:#a99fb5}:root[data-primo-theme=dark] .pwa-install-steps{color:#f4effa}:root[data-primo-theme=dark] .settings-shortcuts kbd{border-color:#4a3d58;background:#30283a;box-shadow:inset 0 -1px #4a3d58}:root[data-primo-theme=dark] .settings-dialog-backdrop{background:#0a080ead}:root[data-primo-theme=dark] .settings-dialog{border-color:#3a3046;background:#201928}:root[data-primo-theme=dark] .settings-dialog>header button,:root[data-primo-theme=dark] .settings-dialog-tab:hover,:root[data-primo-theme=dark] .settings-dialog-tab--active{background:#2e2638}:root[data-primo-theme=dark] .saved-message-row{color:#f2ebf8;background:#292231}:root[data-primo-theme=dark] .saved-message-row:hover{border-color:#51445e;background:#31283b}:root[data-primo-theme=dark] .saved-message-row small{color:#afa4ba}:root[data-primo-theme=dark][data-primo-accent=mint] .rail-avatar,:root[data-primo-theme=dark][data-primo-accent=mint] .mobile-sidebar-action--profile,:root[data-primo-theme=dark][data-primo-accent=mint] .avatar-button,:root[data-primo-theme=dark][data-primo-accent=mint] .conversation-avatar,:root[data-primo-theme=dark][data-primo-accent=mint] .profile-avatar,:root[data-primo-theme=dark][data-primo-accent=mint] .room-avatar,:root[data-primo-theme=dark][data-primo-accent=mint] .contact-avatar,:root[data-primo-theme=dark][data-primo-accent=mint] .zone-dot,:root[data-primo-theme=dark][data-primo-accent=mint] .room-info-avatar,:root[data-primo-theme=dark][data-primo-accent=mint] .file-card-icon,:root[data-primo-theme=dark][data-primo-accent=mint] .upload-status-icon{color:#c8eee8;background:#203a35}:root[data-primo-theme=dark][data-primo-accent=mint] .rail-button:hover,:root[data-primo-theme=dark][data-primo-accent=mint] .rail-button--active,:root[data-primo-theme=dark][data-primo-accent=mint] .mobile-sidebar-action:hover,:root[data-primo-theme=dark][data-primo-accent=mint] .mobile-sidebar-action--active,:root[data-primo-theme=dark][data-primo-accent=mint] .header-action:hover,:root[data-primo-theme=dark][data-primo-accent=mint] .header-action--active,:root[data-primo-theme=dark][data-primo-accent=mint] .mobile-back:hover,:root[data-primo-theme=dark][data-primo-accent=mint] .settings-dialog>header button,:root[data-primo-theme=dark][data-primo-accent=mint] .settings-dialog-tab:hover,:root[data-primo-theme=dark][data-primo-accent=mint] .settings-dialog-tab--active{color:#ecfffb;background:#243631}:root[data-primo-theme=dark][data-primo-accent=mint] .room-search:focus-within,:root[data-primo-theme=dark][data-primo-accent=mint] .settings-field input:focus,:root[data-primo-theme=dark][data-primo-accent=mint] .account-profile-row input:focus{border-color:#8bcbc4b8;box-shadow:0 0 0 3px #8bcbc424}:root[data-primo-theme=dark][data-primo-accent=mint] .room-row--active,:root[data-primo-theme=dark][data-primo-accent=mint] .room-row--active:hover,:root[data-primo-theme=dark][data-primo-accent=mint] .contact-row--active,:root[data-primo-theme=dark][data-primo-accent=mint] .contact-row--active:hover{background:#24342f;box-shadow:inset 2px 0 #8bcbc4}:root[data-primo-theme=dark][data-primo-accent=mint] .room-list-heading .create-room-button,:root[data-primo-theme=dark][data-primo-accent=mint] .create-room-menu button svg,:root[data-primo-theme=dark][data-primo-accent=mint] .attachment-menu button svg,:root[data-primo-theme=dark][data-primo-accent=mint] .pwa-install-card svg,:root[data-primo-theme=dark][data-primo-accent=mint] .message-author,:root[data-primo-theme=dark][data-primo-accent=mint] .user-id{color:#8bcbc4}:root[data-primo-theme=dark][data-primo-accent=mint] .room-list-heading .create-room-button:hover,:root[data-primo-theme=dark][data-primo-accent=mint] .room-list-heading .create-room-button[aria-expanded=true],:root[data-primo-theme=dark][data-primo-accent=mint] .message-hover-actions button:hover,:root[data-primo-theme=dark][data-primo-accent=mint] .message-actions>button:hover,:root[data-primo-theme=dark][data-primo-accent=mint] .room-menu-popover button:hover,:root[data-primo-theme=dark][data-primo-accent=mint] .create-room-menu button:hover,:root[data-primo-theme=dark][data-primo-accent=mint] .attachment-menu button:hover,:root[data-primo-theme=dark][data-primo-accent=mint] .account-menu-actions button:hover,:root[data-primo-theme=dark][data-primo-accent=mint] .quick-settings-all:hover{background:#8bcbc41f}:root[data-primo-theme=dark][data-primo-accent=mint] .attachment-menu button:disabled:hover{background:transparent}:root[data-primo-theme=dark][data-primo-accent=mint] .unread,:root[data-primo-theme=dark][data-primo-accent=mint] .room-row--active .unread{color:#0f211e;background:#8bcbc4}:root[data-primo-theme=dark][data-primo-accent=mint] .composer .send-button{color:#0f211e;background:linear-gradient(145deg,#8bcbc4,#5ba9a0);box-shadow:0 5px 15px #5ba9a038}:root[data-primo-theme=dark][data-primo-accent=mint] .pwa-install-button{color:#0f211e;background:#8bcbc4}:root[data-primo-theme=dark] .account-menu-actions .account-menu-logout,:root[data-primo-theme=dark][data-primo-accent=mint] .account-menu-actions .account-menu-logout{color:#ff6b7a}:root[data-primo-theme=dark] .account-menu-actions .account-menu-logout:hover,:root[data-primo-theme=dark][data-primo-accent=mint] .account-menu-actions .account-menu-logout:hover{color:#ff7f8c;background:#ff6b7a1f}:root[data-primo-density=compact] .room-row,:root[data-primo-density=compact] .contact-row,:root[data-primo-density=compact] .zone-row{min-height:50px;padding-block:5px}:root[data-primo-density=compact] .timeline{gap:0;padding-top:12px;padding-bottom:14px}:root[data-primo-density=compact] .message{margin-top:3px;padding:9px 12px}.invite-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,520px);gap:clamp(42px,8vw,120px);align-items:center;width:min(1120px,calc(100% - 48px));min-height:100vh;margin:0 auto;padding:56px 0}.invite-layout--centered{grid-template-columns:minmax(0,560px);justify-content:center}.invite-intro{display:grid;gap:48px}.invite-intro h1,.invite-result h1{margin:0;font-size:clamp(2.8rem,6vw,5.5rem);font-weight:680;letter-spacing:-.06em;line-height:.98}.invite-intro>div>p:last-child{max-width:620px;margin:24px 0 0;color:var(--ink-soft);font-size:1.16rem;line-height:1.65}.invite-note{display:grid;gap:5px;max-width:620px;padding:19px 22px;border:1px solid var(--line);border-radius:19px;background:var(--surface-raised)}.invite-note strong,.invite-note small,.invite-card label small{color:var(--ink-soft)}.invite-note span{font-size:1.08rem;font-weight:750}.invite-card{width:100%;padding:clamp(26px,4vw,42px);border:1px solid var(--line);border-radius:32px;background:var(--surface-raised);box-shadow:0 34px 90px #361f4b29;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.invite-card form{display:grid;gap:18px;padding-top:30px}.invite-card label{display:grid;gap:8px;font-weight:700}.invite-card input{width:100%;min-height:52px;padding:0 16px;color:var(--ink);border:1px solid var(--line-strong);border-radius:14px;outline:none;background:var(--field);font:inherit}.invite-card input:focus{border-color:var(--violet);box-shadow:0 0 0 4px color-mix(in srgb,var(--violet),transparent 84%)}.invite-card input:disabled{cursor:wait;opacity:.65}.invite-result{display:grid;justify-items:center;gap:18px;text-align:center}.invite-result h1{font-size:clamp(2.2rem,5vw,3.8rem)}.invite-result p{margin:0;color:var(--ink-soft);line-height:1.55}.invite-result__icon{display:grid;place-items:center;width:58px;height:58px;margin-top:10px;color:#176e56;border-radius:50%;background:var(--notice-soft);font-size:1.8rem;font-weight:800}.invite-result__icon--error{color:var(--danger-text);background:var(--danger-soft)}.invite-link-button{display:inline-grid;place-items:center;min-width:220px;margin-top:8px;text-decoration:none}.messenger-shell{grid-template-columns:72px minmax(286px,344px) minmax(0,1fr);color:var(--ink);background:var(--app-background)}.messenger-shell.rail-expanded{grid-template-columns:132px minmax(286px,344px) minmax(0,1fr)}.app-nav-rail,.room-sidebar,.conversation-header,.sidebar-header{color:var(--ink);border-color:var(--line);background:var(--surface-raised-solid)}.app-nav-rail{padding-inline:8px}.app-nav-rail>.account-menu-control{display:grid;justify-self:center;justify-items:center;gap:5px;width:100%}.rail-profile-label{display:none;max-width:108px;overflow:hidden;color:var(--ink);font-size:.7rem;font-weight:600;line-height:1.15;text-align:center;text-overflow:ellipsis;white-space:normal}.rail-expanded .rail-profile-label,.mobile-rail-open .rail-profile-label{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.rail-button{min-width:44px;min-height:48px;color:var(--ink-soft);border-radius:10px}.rail-button:hover{color:var(--ink);background:var(--field)}.rail-button--active,.rail-button--active:hover{position:relative;color:var(--violet);background:var(--violet-soft);box-shadow:none}.rail-button--active:before{position:absolute;inset-block:8px;left:-8px;width:3px;border-radius:0 2px 2px 0;background:var(--violet);content:""}.rail-expanded .rail-main,.rail-expanded .rail-bottom{justify-items:center}.rail-expanded .rail-button{display:flex;width:100%;height:auto;min-height:58px;flex-direction:column;justify-content:center;gap:3px;padding:7px 4px}.rail-expanded .rail-label{display:block;max-width:100%;font-size:.7rem;font-weight:500;text-align:center;white-space:normal}.rail-expand-toggle{color:var(--ink-soft);border-color:var(--line-strong);background:var(--surface-raised-solid);box-shadow:0 2px 8px color-mix(in srgb,var(--ink),transparent 92%)}.sidebar-header--rail{min-height:76px;padding:8px 16px}.sidebar-header--rail .brand-mark-frame,.sidebar-header--rail .brand-mark{width:auto;max-width:132px;height:auto}.room-row .room-copy__top strong{color:color-mix(in srgb,var(--ink) 84%,var(--ink-soft))}:root[data-primo-theme=dark] .room-row .room-copy__top strong{color:color-mix(in srgb,var(--ink) 90%,var(--ink-soft))}.room-search{min-height:44px;color:var(--ink-soft);border:1px solid var(--line);border-radius:10px;background:var(--field)}.room-search:focus-within{border-color:color-mix(in srgb,var(--violet) 22%,var(--line-strong));box-shadow:0 0 0 2px color-mix(in srgb,var(--violet),transparent 96%)}.room-search input:focus-visible{outline:none}.room-row{width:calc(100% - 12px);min-height:68px;margin:3px 6px;padding:9px 10px 9px 14px;border:0;border-radius:9px}.contact-row{width:calc(100% - 12px);margin:3px 6px;padding-inline:14px 10px;border-radius:9px}.room-row:hover,.contact-row:hover{background:var(--field)}.room-row--active,.room-row--active:hover,.contact-row--active,.contact-row--active:hover{position:relative;background:color-mix(in srgb,var(--field) 82%,var(--violet-soft));box-shadow:none}.room-row--active:before,.contact-row--active:before{position:absolute;inset-block:8px;left:-6px;width:4px;border-radius:0 3px 3px 0;background:var(--violet);content:""}.contact-row--active .room-copy>span,.contact-row--active .room-copy__top strong{color:var(--ink)}.room-avatar,.conversation-avatar,.contact-avatar{border-radius:50%}.unread,.room-row--active .unread{color:#fff;background:var(--violet)}.timeline{--timeline-grid-y: 0px;background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cpath d='M0 .5H36M.5 0V36' fill='none' stroke='%23c8c2b9' stroke-opacity='.34' stroke-width='1' stroke-dasharray='5 3 1 3'/%3E%3C/svg%3E");background-position:0 var(--timeline-grid-y);background-size:36px 36px}.timeline:before{display:none}.message{border-color:var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface-raised-solid) 97%,var(--surface));box-shadow:0 4px 14px color-mix(in srgb,var(--ink),transparent 95%)}.message--own{border-color:color-mix(in srgb,var(--line-strong) 72%,transparent);background:color-mix(in srgb,var(--field) 78%,var(--surface-raised-solid))}.message-author,.user-id{color:var(--violet)}.bot-action,.bot-actions button,.message-actions>button{border-radius:8px}.composer{align-items:center;gap:8px;padding:10px 12px 12px;border:0;background:var(--surface-raised-solid);box-shadow:none}.composer textarea{min-height:44px;width:100%;padding:12px 46px 12px 14px;color:var(--ink);border:1px solid var(--line-strong);border-radius:12px;background:var(--field);outline:none;box-shadow:none}.room-info-profile .room-info-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.room-info-member-actions{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}.room-info-member-actions button{min-height:28px;padding:0 8px;color:var(--ink-soft);border:1px solid var(--line);border-radius:8px;background:var(--surface-raised-solid);font:inherit;font-size:.68rem;cursor:pointer}.room-info-member-actions button:disabled{cursor:wait;opacity:.55}.room-info-member-actions .room-info-member-remove{color:#a3212b}@media(max-width:760px){.room-info-member{grid-template-columns:38px minmax(0,1fr)}.room-info-member-actions{grid-column:2;justify-content:flex-start}}.room-info-actions button:disabled{cursor:not-allowed;opacity:.45}.composer-input{position:relative;display:flex;flex:1 1 auto;min-width:0}.composer-input textarea{padding-right:14px;overflow-x:hidden;overflow-y:auto;overflow-wrap:anywhere;overscroll-behavior:contain;scrollbar-width:thin;touch-action:pan-y;white-space:pre-wrap;word-break:break-word}.composer-input textarea::-webkit-scrollbar{display:block;width:4px}.composer-input textarea::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--ink-soft),transparent 55%)}.composer-primary-action{position:relative;display:grid;flex:0 0 68px;width:68px;height:44px;place-items:center}.composer-primary-action .composer-recording-actions{position:static;transform:none}.composer-recording-actions{position:absolute;top:50%;right:7px;display:flex;gap:2px;transform:translateY(-50%)}.composer .composer-recording-button{display:grid;width:30px;height:30px;padding:0;color:var(--ink-soft);border:0;border-radius:50%;background:transparent;place-items:center;cursor:pointer}.composer .composer-recording-button:hover:not(:disabled),.composer .composer-recording-button:focus-visible{color:var(--violet);background:color-mix(in srgb,var(--violet),transparent 91%)}.composer .composer-recording-button:disabled{opacity:.45;cursor:default}.composer textarea:focus{border-color:color-mix(in srgb,var(--violet) 44%,var(--line-strong));outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--violet),transparent 93%)}.composer>button:first-child,.composer .emoji-button,.attachment-control>button,.composer .send-button{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:1px solid var(--line-strong);border-radius:11px;background:var(--surface-raised-solid);box-shadow:none}.composer .send-button{color:#fff;border-color:var(--violet);background:var(--violet)}.composer .send-button:hover:not(:disabled){background:var(--violet-button-hover)}.recording-comment{display:grid;width:min(420px,100%);gap:5px;color:var(--ink-soft);font-size:.78rem}.recording-comment input{width:100%;min-height:40px;padding:9px 11px;color:var(--ink);border:1px solid var(--line-strong);border-radius:10px;background:var(--field);font:inherit}.media-comment{margin:7px 0 0;white-space:pre-wrap}.video-note-recorder{position:relative}.video-note-flip{position:absolute;z-index:2;top:12px;right:12px;display:grid;width:42px;height:42px;padding:0;color:#fff;border:1px solid rgb(255 255 255 / 55%);border-radius:50%;background:#1412109e;place-items:center;cursor:pointer}.video-note-player--bomb-a video,.video-note-preview--bomb-a,.video-note-shape-option--bomb-a>span{--video-note-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><g fill='white'><circle cx='48' cy='58' r='40'/><rect x='40' y='15' width='17' height='18' rx='5'/><path d='M49 17C50 9 60 12 65 7' fill='none' stroke='white' stroke-width='7' stroke-linecap='round'/><path d='M68 3L71 9L78 7L74 13L80 17L73 17L71 24L67 18L61 21L64 14L58 11L65 10Z'/></g></svg>")}:root[data-primo-theme=dark] .messenger-shell,:root[data-primo-theme=dark] .app-nav-rail,:root[data-primo-theme=dark] .room-sidebar,:root[data-primo-theme=dark] .conversation-header,:root[data-primo-theme=dark] .sidebar-header,:root[data-primo-theme=dark] .composer{color:var(--ink);border-color:var(--line);background:var(--surface-raised-solid)}:root[data-primo-theme=dark] .room-search,:root[data-primo-theme=dark] .composer textarea,:root[data-primo-theme=dark] .composer .emoji-button,:root[data-primo-theme=dark] .composer>button:first-child,:root[data-primo-theme=dark] .attachment-control>button{color:var(--ink);border-color:var(--line-strong);background:var(--field)}:root[data-primo-theme=dark] .room-row--active,:root[data-primo-theme=dark] .room-row--active:hover,:root[data-primo-theme=dark] .contact-row--active,:root[data-primo-theme=dark] .contact-row--active:hover{background:color-mix(in srgb,var(--field) 82%,var(--violet-soft));box-shadow:none}:root[data-primo-theme=dark] .timeline{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cpath d='M0 .5H36M.5 0V36' fill='none' stroke='%23d8d0c6' stroke-opacity='.16' stroke-width='1' stroke-dasharray='5 3 1 3'/%3E%3C/svg%3E")}:root[data-primo-theme=dark] .message{color:var(--ink);border-color:var(--line);background:var(--surface-raised-solid)}:root[data-primo-theme=dark] .message--own{border-color:var(--line-strong);background:color-mix(in srgb,var(--field) 72%,var(--surface-raised-solid))}@media(max-width:1120px)and (min-width:761px){.messenger-shell{grid-template-columns:64px minmax(260px,32%) minmax(0,1fr)}.messenger-shell.rail-expanded{grid-template-columns:116px minmax(250px,30%) minmax(0,1fr)}}@media(max-width:840px){.invite-layout{grid-template-columns:1fr;width:min(560px,calc(100% - 28px));gap:32px;padding:28px 0}.invite-intro{gap:26px}.invite-intro h1{font-size:clamp(2.4rem,12vw,4rem)}.invite-card{padding:24px 20px;border-radius:24px}}.bot-console{display:grid;gap:18px;min-width:0;container-type:inline-size}.bot-console-page{position:fixed;z-index:110;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr);color:var(--ds-text-primary);background:var(--ds-app-background)}.bot-console-page__header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;padding:12px clamp(18px,3vw,44px);border-bottom:1px solid var(--ds-border);background:var(--ds-panel)}.bot-console-page__title,.bot-console-page__actions{display:flex;align-items:center;gap:12px}.bot-console-page__title>span{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;color:var(--ds-accent);border-radius:13px;background:var(--ds-accent-soft)}.bot-console-page__title h2,.bot-console-page__title p{margin:0}.bot-console-page__title h2{font-size:clamp(1.15rem,2vw,1.4rem)}.bot-console-page__title p{margin-top:2px;color:var(--ds-text-secondary);font-size:.84rem}.bot-console-page__catalog{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;color:var(--ds-accent);border:1px solid var(--ds-border-strong);border-radius:10px;background:var(--ds-panel);font-weight:700;text-decoration:none}.bot-console-page__catalog:hover{border-color:var(--ds-accent)}.bot-console-page__close{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;color:var(--ds-text-secondary);border:0;border-radius:50%;background:var(--ds-field);cursor:pointer}.bot-console-page__close:hover{color:var(--ds-text-primary);background:var(--ds-hover)}.bot-console-page__body{min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:clamp(22px,4vw,54px)}.bot-console-page__body>.bot-console{width:min(1380px,100%);margin:0 auto}.bot-console__header{display:flex;align-items:start;justify-content:space-between;gap:16px}.bot-console__header h3{margin:0 0 6px}.bot-console__header p{margin:0}.bot-console__header .settings-primary-action{flex:0 0 auto;white-space:nowrap}.bot-console__layout{display:grid;grid-template-columns:minmax(210px,.55fr) minmax(0,2.45fr);gap:clamp(16px,2.5vw,32px)}.bot-console__layout>nav{display:flex;flex-direction:column;gap:6px}.bot-console__layout>nav button{min-width:0;color:var(--ds-text-primary);border:1px solid var(--ds-border);border-radius:12px;padding:11px;background:var(--ds-panel);text-align:left;cursor:pointer}.bot-console__layout>nav button:hover{border-color:var(--ds-border-strong);background:var(--ds-hover)}.bot-console__layout>nav button.active{border-color:color-mix(in srgb,var(--ds-accent) 42%,var(--ds-border));background:var(--ds-selected)}.bot-console__layout>nav small,.bot-event small{display:block;margin-top:4px;color:var(--ds-text-muted)}.bot-detail,.bot-create-form,.bot-secret-card{display:grid;gap:13px;padding:16px;color:var(--ds-text-primary);border:1px solid var(--ds-border);border-radius:14px;background:var(--ds-panel)}.bot-detail button:not(.settings-primary-action):not(.settings-logout),.bot-create-form button:not(.settings-primary-action),.bot-secret-card button{min-height:38px;padding:0 14px;color:var(--ds-text-primary);border:1px solid var(--ds-border-strong);border-radius:9px;background:var(--ds-field);font:inherit;font-weight:650;cursor:pointer}.bot-detail button:not(.settings-primary-action):not(.settings-logout):hover,.bot-create-form button:not(.settings-primary-action):hover,.bot-secret-card button:hover{background:var(--ds-hover)}.bot-console input,.bot-console select,.bot-console textarea{width:100%;min-width:0;min-height:42px;padding:9px 11px;color:var(--ds-text-primary);border:1px solid var(--ds-border-strong);border-radius:8px;background:var(--ds-field);font:inherit}.bot-console textarea{min-height:92px;resize:vertical}.bot-console code,.bot-console small{overflow-wrap:anywhere}.bot-secret-card .row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.bot-detail h4{margin:8px 0 0}.bot-detail>p,.bot-secret-card>p{margin:0}.bot-create-form label,.bot-secret-card label,.bot-install-form label,.bot-mini-app-form label{display:grid;gap:6px}.bot-create-form fieldset{display:grid;gap:9px;border:1px solid var(--ds-border);border-radius:12px;padding:12px}.bot-create-form fieldset label{display:grid;grid-template-columns:auto 1fr auto;align-items:center}.bot-create-form>div{display:flex;justify-content:flex-end;gap:8px}.bot-secret-card{border-color:color-mix(in srgb,var(--ds-accent) 38%,var(--ds-border));background:color-mix(in srgb,var(--ds-accent-soft) 62%,var(--ds-panel))}.bot-install-form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px;margin-top:8px}.bot-install-form small{grid-column:1 / -1;color:var(--ds-text-muted)}.bot-mini-apps{display:grid;gap:10px;padding:12px 0;border-top:1px solid var(--ds-border);border-bottom:1px solid var(--ds-border)}.bot-mini-apps h4,.bot-mini-apps p{margin:0}.bot-mini-apps p{color:var(--ds-text-secondary)}.bot-mini-app-form{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(140px,1fr) minmax(180px,1.2fr) minmax(96px,.7fr) auto;align-items:end;gap:8px}.bot-mini-app-form fieldset{display:grid;grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:1px solid var(--ds-border);border-radius:10px;padding:10px}.bot-mini-app-form fieldset label{display:grid;grid-template-columns:auto 1fr auto;align-items:center}.bot-event{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--ds-border)}@container (max-width: 980px){.bot-mini-app-form{grid-template-columns:1fr 1fr}.bot-mini-app-form button{grid-column:1 / -1}}@container (max-width: 760px){.bot-console__layout{grid-template-columns:1fr}.bot-console__layout>nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}.bot-install-form,.bot-mini-app-form{grid-template-columns:1fr}.bot-install-form small,.bot-mini-app-form button{grid-column:auto}}@media(max-width:700px){.settings-bots-launcher{grid-template-columns:1fr;padding:20px}.settings-bots-launcher__icon{grid-row:auto}.settings-bots-launcher h3,.settings-bots-launcher p,.settings-bots-launcher small,.settings-bots-launcher__actions{grid-column:1}.bot-console-page__header{min-height:64px;padding:10px 14px}.bot-console-page__title>span,.bot-console-page__title p{display:none}.bot-console-page__catalog{min-height:38px;padding:0 10px;font-size:.82rem}.bot-console-page__close{width:38px;height:38px}.bot-console-page__body{padding:18px 14px 30px}.bot-console__header{display:grid}.bot-console__header .settings-primary-action{justify-self:stretch}.bot-secret-card .row{grid-template-columns:1fr}}@media(max-width:860px){.messenger-shell,.messenger-shell.rail-expanded{grid-template-columns:minmax(0,1fr)}.composer{align-items:center;gap:6px;padding:7px 7px max(8px,env(safe-area-inset-bottom))}.composer>button:first-child,.composer .emoji-button,.attachment-control>button,.composer .send-button{width:40px;min-width:40px;height:40px;min-height:40px;flex-basis:40px}.composer textarea{min-height:40px;max-height:112px;padding:10px 14px;border-radius:20px;font-size:16px;line-height:1.35}}:root,:root[data-primo-theme=light]{--ds-canvas: #f8f6f2;--ds-app-background: #f1eee8;--ds-panel: #fffdf9;--ds-panel-translucent: rgba(255, 253, 249, .96);--ds-elevated: #fffaf5;--ds-field: #f3f0ea;--ds-hover: #eeeae3;--ds-selected: #f1e9e7;--ds-message: #fffdf9;--ds-message-own: #f1e9e7;--ds-text-primary: #181716;--ds-text-secondary: #57524d;--ds-text-muted: #6f6962;--ds-text-on-accent: #fffaf7;--ds-border: rgba(61, 53, 47, .14);--ds-border-strong: rgba(61, 53, 47, .24);--ds-accent: #8f1720;--ds-accent-hover: #74131a;--ds-accent-soft: #f5e9e9;--ds-accent-control: #8f1720;--ds-focus-ring: rgba(143, 23, 32, .14);--ds-status-positive: #176e56;--ds-status-positive-soft: #e7f7f3;--ds-status-danger: #8f2633;--ds-status-danger-soft: #fdecef;--ds-neon-coral: #e84644;--ds-shadow-soft: 0 8px 28px rgba(42, 34, 28, .1);--ds-shadow-overlay: 0 24px 70px rgba(31, 25, 21, .2)}:root[data-primo-theme=dark]{--ds-canvas: #35322e;--ds-app-background: #35322e;--ds-panel: #403c37;--ds-panel-translucent: rgba(64, 60, 55, .97);--ds-elevated: #48433d;--ds-field: #48433d;--ds-hover: #4d4842;--ds-selected: #4b433f;--ds-message: #49443e;--ds-message-own: #786b60;--ds-text-primary: #fffdf8;--ds-text-secondary: #d8d0c6;--ds-text-muted: #aaa198;--ds-text-on-accent: #fff8f4;--ds-border: rgba(255, 250, 243, .16);--ds-border-strong: rgba(255, 250, 243, .27);--ds-accent: #b58d91;--ds-accent-hover: #9d6269;--ds-accent-soft: #594648;--ds-accent-control: #96575f;--ds-focus-ring: rgba(181, 141, 145, .18);--ds-status-positive: #8bcbc4;--ds-status-positive-soft: #314a46;--ds-status-danger: #ffbac4;--ds-status-danger-soft: #542f36;--ds-neon-coral: #ff6967;--ds-shadow-soft: 0 8px 28px rgba(13, 11, 9, .18);--ds-shadow-overlay: 0 24px 70px rgba(9, 8, 7, .34)}:root:not([data-primo-theme=dark])[data-primo-scheme=purple]{--ds-canvas: #fbf9fe;--ds-app-background: #f6f3fa;--ds-panel: #ffffff;--ds-panel-translucent: rgba(255, 255, 255, .94);--ds-elevated: #ffffff;--ds-field: #f5f1f8;--ds-hover: #f0ebf6;--ds-selected: #f1f3f6;--ds-message: #ffffff;--ds-message-own: #e2f3ee;--ds-text-primary: #201a35;--ds-text-secondary: #665e78;--ds-text-muted: #837c89;--ds-text-on-accent: #ffffff;--ds-border: rgba(55, 38, 83, .12);--ds-border-strong: rgba(55, 38, 83, .21);--ds-accent: #7131b5;--ds-accent-hover: #542186;--ds-accent-soft: #efe4fa;--ds-accent-control: #64249a;--ds-focus-ring: rgba(113, 49, 181, .18);--ds-status-positive: #355a53;--ds-status-positive-soft: #e7f7f3;--ds-status-danger: #8f2633;--ds-status-danger-soft: #fdecef;--ds-shadow-soft: 0 8px 28px rgba(42, 34, 60, .1);--ds-shadow-overlay: 0 24px 70px rgba(32, 24, 48, .2);--text-primary: #292334;--text-secondary: #625b6b;--text-tertiary: #837c89;--interactive-surface: #f7f5f9;--interactive-surface-hover: #f0ebf6;--interactive-border: #d9d2e1;--interactive-accent-text: #6230a0;--interactive-accent-surface: #eee6f8;--interactive-accent-border: #d5c3ea}:root[data-primo-theme=dark][data-primo-scheme=purple]{--ds-canvas: #15111b;--ds-app-background: #17111f;--ds-panel: #211a29;--ds-panel-translucent: rgba(31, 24, 40, .96);--ds-elevated: #2a2331;--ds-field: #2d2636;--ds-hover: #342a3e;--ds-selected: #2d2436;--ds-message: #2b2533;--ds-message-own: #223f3b;--ds-text-primary: #f7f2ff;--ds-text-secondary: #c5bdcd;--ds-text-muted: #9f96a9;--ds-text-on-accent: #ffffff;--ds-border: rgba(242, 232, 255, .11);--ds-border-strong: rgba(242, 232, 255, .2);--ds-accent: #b990ef;--ds-accent-hover: #dfccff;--ds-accent-soft: #342544;--ds-accent-control: #9b6be4;--ds-focus-ring: rgba(185, 144, 239, .2);--ds-status-positive: #8bcbc4;--ds-status-positive-soft: #203a35;--ds-status-danger: #ffbac4;--ds-status-danger-soft: #45242d;--ds-shadow-soft: 0 8px 28px rgba(8, 6, 12, .24);--ds-shadow-overlay: 0 24px 70px rgba(8, 6, 12, .42);--text-primary: #f2edf7;--text-secondary: #c5bdcd;--text-tertiary: #9f96a9;--interactive-surface: #2a2331;--interactive-surface-hover: #342a3e;--interactive-border: #4a3d55;--interactive-accent-text: #ddc7f5;--interactive-accent-surface: #3b2d4b;--interactive-accent-border: #624b79}.sidebar-header .brand-mark--compact{width:84px}:root{--ink: var(--ds-text-primary);--ink-soft: var(--ds-text-secondary);--surface: var(--ds-canvas);--surface-raised: var(--ds-panel-translucent);--surface-raised-solid: var(--ds-panel);--app-background: var(--ds-app-background);--field: var(--ds-field);--line: var(--ds-border);--line-strong: var(--ds-border-strong);--violet: var(--ds-accent);--violet-dark: var(--ds-accent-hover);--violet-soft: var(--ds-accent-soft);--violet-button: var(--ds-accent-control);--violet-button-hover: var(--ds-accent-hover);--danger-text: var(--ds-status-danger);--danger-soft: var(--ds-status-danger-soft);--notice-text: var(--ds-status-positive);--notice-soft: var(--ds-status-positive-soft)}.messenger-shell{color:var(--ds-text-primary);background:var(--ds-app-background)}.app-nav-rail,.room-sidebar,.sidebar-header,.conversation-header,.composer,.room-info,.room-info header,.dialog,.settings-dialog,.account-menu-popover,.quick-settings-popover,.room-menu-popover,.create-room-menu,.attachment-menu,.message-hover-actions,.message-actions,.message-reaction-picker,.pinned-message-bar{color:var(--ds-text-primary);border-color:var(--ds-border);background:var(--ds-panel-translucent)}.conversation,.timeline{color:var(--ds-text-primary);background-color:var(--ds-canvas)}:root[data-primo-chat-background=plain] .timeline{background-image:none}:root[data-primo-chat-background=soft] .timeline{background-color:var(--ds-canvas);background-image:url(/assets/chat-wallpaper-soft-burgundy-light.jpg);background-position:center var(--timeline-grid-y, 0px);background-size:720px auto;background-repeat:repeat}:root[data-primo-theme=dark][data-primo-chat-background=soft] .timeline{background-image:url(/assets/chat-wallpaper-soft-burgundy-dark.jpg)}:root[data-primo-scheme=purple][data-primo-chat-background=soft] .timeline{background-image:url(/assets/chat-wallpaper-soft-light.jpg)}:root[data-primo-theme=dark][data-primo-scheme=purple][data-primo-chat-background=soft] .timeline{background-image:url(/assets/chat-wallpaper-soft-dark.jpg)}.room-copy__top strong,.room-title strong,.room-info-profile strong,.room-info-member strong,.room-info .room-info-meta dd,.profile-card strong,.settings-list dd,.settings-dialog h2,.settings-dialog-content h3,.account-menu-header strong,.message p,.file-card strong{color:var(--ds-text-primary)}.room-copy>span,.room-copy__top time,.room-title span,.room-list-heading,.room-info-profile span,.room-info-member small,.room-info-section h3,.room-info .room-info-meta dt,.profile-card span:last-child,.settings-list dt,.settings-dialog-tab,.settings-dialog-content p,.account-menu-header span,.quick-settings-popover label,.message time,.file-card small,.attachment-menu small,.composer textarea::placeholder{color:var(--ds-text-secondary)}.rail-button,.rail-expand-toggle,.header-action,.mobile-back,.mobile-nav-trigger,.mobile-sidebar-action,.chat-filter-manage,.room-list-heading .create-room-button,.room-info header button,.message-hover-actions button,.message-actions>button{color:var(--ds-text-secondary)}.rail-button:hover,.rail-expand-toggle:hover,.header-action:hover,.mobile-back:hover,.mobile-nav-trigger:hover,.mobile-sidebar-action:hover,.chat-filter-manage:hover,.room-list-heading .create-room-button:hover,.room-info header button:hover,.message-hover-actions button:hover,.message-actions>button:hover{color:var(--ds-text-primary);background:var(--ds-hover)}.rail-button--install,.mobile-sidebar-action--install,.header-action--install,.account-menu-actions .account-menu-install,.account-menu-actions .account-menu-install svg{color:var(--ds-text-secondary)}.chat-filter-tabs{gap:2px;margin:0 12px 5px;padding:0}.chat-filter-tab{min-height:30px;padding-inline:9px;color:color-mix(in srgb,var(--ds-text-primary) 72%,var(--ds-text-secondary));font-weight:700}.chat-filter-manage{width:30px;height:30px;margin-left:2px}.room-list{gap:0}.room-row{min-height:58px;margin-block:1px;padding-block:6px}.room-copy{gap:3px}.room-copy__top strong{color:var(--ds-text-primary)}.room-copy>span,.room-copy__top time{color:var(--ds-text-secondary)}.rail-button--active,.rail-button--active:hover{color:color-mix(in srgb,var(--ds-text-primary) 84%,var(--ds-accent));background:var(--ds-selected)}.rail-button--active:before,.room-row--active:before,.contact-row--active:before{background:color-mix(in srgb,var(--ds-accent) 72%,var(--ds-text-secondary))}.room-row:hover,.contact-row:hover,.room-info-member:hover{background:var(--ds-hover)}.room-row--active,.room-row--active:hover,.contact-row--active,.contact-row--active:hover{color:var(--ds-text-primary);background:var(--ds-selected);box-shadow:none}.room-row--active .room-copy__top strong,.room-row--active .room-copy>span,.room-row--active .room-copy__top time,.contact-row--active .room-copy__top strong,.contact-row--active .room-copy>span{color:var(--ds-text-primary)}.chat-filter-tab{color:var(--ds-text-secondary)}.chat-filter-tab:hover{color:var(--ds-text-primary);background:var(--ds-hover)}.chat-filter-tab--active{color:var(--ds-accent);border-color:color-mix(in srgb,var(--ds-accent) 34%,var(--ds-border));background:var(--ds-accent-soft)}.chat-filter-tab small,.unread,.room-row--active .unread,.rail-lock-dot{color:var(--ds-text-on-accent);border-color:var(--ds-panel);background:var(--ds-accent-control)}.room-search,.composer textarea,.dialog input,.dialog textarea,.settings-field input,.settings-choice,.settings-choice select,.quick-settings-popover select,.account-profile-row input{color:var(--ds-text-primary);border-color:var(--ds-border-strong);background:var(--ds-field)}.room-search:focus-within,.composer textarea:focus,.dialog input:focus,.dialog textarea:focus,.settings-field input:focus,.account-profile-row input:focus{border-color:color-mix(in srgb,var(--ds-accent) 44%,var(--ds-border-strong));outline:none;box-shadow:0 0 0 2px var(--ds-focus-ring)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid color-mix(in srgb,var(--ds-accent) 46%,transparent);outline-offset:1px}.rail-avatar,.mobile-sidebar-action--profile,.avatar-button,.conversation-avatar,.profile-avatar,.room-info-profile .room-info-avatar{color:color-mix(in srgb,var(--ds-text-primary) 88%,var(--ds-accent));background:var(--ds-accent-soft)}.message,.message:after{color:var(--ds-text-primary);border-color:var(--ds-border);background:var(--ds-message)}.message--own,.message--own:after{color:var(--ds-text-primary);border-color:var(--ds-border-strong);background:var(--ds-message-own)}.message--own{box-shadow:var(--ds-shadow-soft)}:root:not([data-primo-theme=dark]) .bot-card-button{color:var(--ds-text-primary);border-color:var(--ds-border);background:var(--ds-field)}:root:not([data-primo-theme=dark]) .bot-card-button:hover{color:var(--ds-text-primary);border-color:var(--ds-border-strong);background:var(--ds-hover)}:root:not([data-primo-theme=dark]) .bot-card-button--primary{color:var(--ds-accent);border-color:color-mix(in srgb,var(--ds-accent) 30%,var(--ds-border));background:var(--ds-accent-soft)}:root:not([data-primo-theme=dark]) .bot-card-button--primary:hover{color:var(--ds-accent-hover);border-color:color-mix(in srgb,var(--ds-accent) 46%,var(--ds-border));background:color-mix(in srgb,var(--ds-accent-soft) 78%,var(--ds-hover))}.message-author,.user-id,.file-card-icon,.upload-status-icon{color:var(--ds-accent)}.message-link,.message-link:visited{color:var(--ds-accent);text-decoration-color:color-mix(in srgb,var(--ds-accent) 48%,transparent);text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:2px;overflow-wrap:anywhere}.message-link:hover{color:var(--ds-accent-hover);text-decoration-color:currentColor}.message--own time,.message time{color:var(--ds-text-secondary)}.message-status,.message-status--read{color:var(--ds-status-positive)}.reply-preview{color:var(--ds-text-secondary);border-left-color:var(--ds-accent-control);background:color-mix(in srgb,var(--ds-field) 88%,transparent)}.reactions button,.file-card,.upload-status,.date-divider span,.load-older,.timeline-jump{color:var(--ds-text-primary);border-color:var(--ds-border);background:var(--ds-elevated)}.reactions button.reacted{border-color:var(--ds-accent);background:var(--ds-accent-soft)}.file-card:hover,.timeline-jump:hover{background:var(--ds-hover)}.file-card-icon,.upload-status-icon{background:var(--ds-accent-soft)}.composer>button:first-child,.composer .emoji-button,.attachment-control>button{color:var(--ds-text-secondary);border-color:var(--ds-border-strong);background:var(--ds-panel)}.composer>button:first-child:hover,.composer .emoji-button:hover,.attachment-control>button:hover{color:var(--ds-text-primary);background:var(--ds-hover)}.composer .send-button{color:var(--ds-text-on-accent);border-color:var(--ds-accent-control);background:var(--ds-accent-control)}.composer .send-button:hover:not(:disabled){background:var(--ds-accent-hover)}.composer .send-button:disabled{color:var(--ds-text-muted);border-color:var(--ds-border);background:var(--ds-field)}.room-info{border-color:var(--ds-border);background:var(--ds-panel-translucent);box-shadow:var(--ds-shadow-overlay)}.room-info header{border-color:var(--ds-border);background:var(--ds-panel-translucent)}.room-info header h2,.room-info-profile strong,.room-info-member strong{color:var(--ds-text-primary)}.room-info header button{color:var(--ds-text-secondary);background:var(--ds-field)}.room-info-profile p,.room-info .room-info-meta div{color:var(--ds-text-secondary);background:var(--ds-field)}.room-info-actions button{color:var(--ds-text-primary);border-color:var(--ds-border);background:var(--ds-elevated)}.room-info-actions button:hover{color:var(--ds-text-primary);border-color:var(--ds-border-strong);background:var(--ds-hover)}.room-info-section,.room-info .room-info-meta{border-color:var(--ds-border)}.room-info>.room-info-leave{color:var(--ds-status-danger);border-color:color-mix(in srgb,var(--ds-status-danger) 32%,var(--ds-border));background:var(--ds-status-danger-soft)}.room-info>.room-info-leave:hover{background:color-mix(in srgb,var(--ds-status-danger-soft) 84%,var(--ds-hover))}.account-menu-popover,.quick-settings-popover,.room-menu-popover,.create-room-menu,.attachment-menu,.settings-dialog,.dialog{border-color:var(--ds-border);background:var(--ds-panel-translucent);box-shadow:var(--ds-shadow-overlay)}.account-menu-header,.settings-dialog>header,.settings-dialog-content hr,.settings-list div,.room-info-section{border-color:var(--ds-border)}.account-menu-actions button,.quick-settings-all,.room-menu-popover button,.create-room-menu button,.attachment-menu button,.settings-dialog-tab{color:var(--ds-text-primary)}.account-menu-actions button:hover,.quick-settings-all:hover,.room-menu-popover button:hover,.create-room-menu button:hover,.attachment-menu button:hover,.settings-dialog-tab:hover,.settings-dialog-tab--active{color:var(--ds-text-primary);background:var(--ds-hover)}.profile-card,.pwa-install-card,.settings-list,.settings-placeholder-panel,.settings-info-card,.settings-note-card,.saved-message-row{color:var(--ds-text-primary);border-color:var(--ds-border);background:var(--ds-elevated)}.settings-status--ok,.connection-banner{color:var(--ds-status-positive);background:var(--ds-status-positive-soft)}.room-menu-popover .room-menu-danger,.settings-danger-button,.settings-logout,.account-menu-actions .account-menu-logout{color:var(--ds-status-danger)}.dialog-backdrop,.settings-dialog-backdrop{background:#1613119e}:root[data-primo-theme=dark] .messenger-shell,:root[data-primo-theme=dark] .app-nav-rail,:root[data-primo-theme=dark] .room-sidebar,:root[data-primo-theme=dark] .sidebar-header,:root[data-primo-theme=dark] .conversation-header,:root[data-primo-theme=dark] .composer{color:var(--ds-text-primary);border-color:var(--ds-border);background:var(--ds-panel)}:root[data-primo-theme=dark] .conversation,:root[data-primo-theme=dark] .timeline{color:var(--ds-text-primary);background-color:var(--ds-canvas)}:root[data-primo-theme=dark] .room-copy__top strong,:root[data-primo-theme=dark] .room-title strong,:root[data-primo-theme=dark] .room-info h2,:root[data-primo-theme=dark] .room-info h3,:root[data-primo-theme=dark] .room-info-profile strong,:root[data-primo-theme=dark] .room-info-member strong,:root[data-primo-theme=dark] .room-info .room-info-meta dd,:root[data-primo-theme=dark] .profile-card strong,:root[data-primo-theme=dark] .settings-list dd,:root[data-primo-theme=dark] .message p,:root[data-primo-theme=dark] .file-card{color:var(--ds-text-primary)}:root[data-primo-theme=dark] .room-list-heading,:root[data-primo-theme=dark] .room-copy>span,:root[data-primo-theme=dark] .room-copy__top time,:root[data-primo-theme=dark] .room-title span,:root[data-primo-theme=dark] .room-info-profile span,:root[data-primo-theme=dark] .room-info-member small,:root[data-primo-theme=dark] .room-info-section h3,:root[data-primo-theme=dark] .room-info .room-info-meta dt,:root[data-primo-theme=dark] .message time,:root[data-primo-theme=dark] .file-card small,:root[data-primo-theme=dark] .composer textarea::placeholder{color:var(--ds-text-secondary)}:root[data-primo-theme=dark] .room-row:not(.room-row--active):hover,:root[data-primo-theme=dark] .room-row:not(.room-row--active):focus-visible,:root[data-primo-theme=dark] .contact-row:not(.contact-row--active):hover,:root[data-primo-theme=dark] .contact-row:not(.contact-row--active):focus-visible{color:var(--ds-text-primary);background:var(--ds-hover);box-shadow:none}:root[data-primo-theme=dark] .room-row--active,:root[data-primo-theme=dark] .room-row--active:hover,:root[data-primo-theme=dark] .contact-row--active,:root[data-primo-theme=dark] .contact-row--active:hover{color:var(--ds-text-primary);background:var(--ds-selected);box-shadow:none}:root[data-primo-theme=dark] .room-row--active .room-copy__top strong,:root[data-primo-theme=dark] .room-row--active .room-copy>span,:root[data-primo-theme=dark] .room-row--active .room-copy__top time,:root[data-primo-theme=dark] .contact-row--active .room-copy__top strong,:root[data-primo-theme=dark] .contact-row--active .room-copy>span{color:var(--ds-text-primary)}:root[data-primo-theme=dark] .rail-button,:root[data-primo-theme=dark] .rail-expand-toggle,:root[data-primo-theme=dark] .mobile-sidebar-action,:root[data-primo-theme=dark] .header-action,:root[data-primo-theme=dark] .mobile-back,:root[data-primo-theme=dark] .mobile-nav-trigger,:root[data-primo-theme=dark] .rail-button--install,:root[data-primo-theme=dark] .mobile-sidebar-action--install,:root[data-primo-theme=dark] .header-action--install{color:var(--ds-text-secondary);background:transparent}:root[data-primo-theme=dark] .rail-button:hover,:root[data-primo-theme=dark] .rail-expand-toggle:hover,:root[data-primo-theme=dark] .mobile-sidebar-action:hover,:root[data-primo-theme=dark] .header-action:hover,:root[data-primo-theme=dark] .mobile-back:hover,:root[data-primo-theme=dark] .mobile-nav-trigger:hover{color:var(--ds-text-primary);background:var(--ds-hover)}:root[data-primo-theme=dark] .mobile-nav-trigger{color:var(--ds-text-primary);border:1px solid var(--ds-border-strong);background:var(--ds-elevated);box-shadow:none}:root[data-primo-theme=dark] .rail-button--active,:root[data-primo-theme=dark] .rail-button--active:hover{color:color-mix(in srgb,var(--ds-text-primary) 84%,var(--ds-accent));background:var(--ds-selected)}:root[data-primo-theme=dark] .rail-button--active:before,:root[data-primo-theme=dark] .room-row--active:before,:root[data-primo-theme=dark] .contact-row--active:before{background:color-mix(in srgb,var(--ds-accent) 72%,var(--ds-text-secondary))}:root[data-primo-theme=dark] .chat-filter-tab{color:var(--ds-text-secondary)}:root[data-primo-theme=dark] .chat-filter-tab:hover{color:var(--ds-text-primary);background:var(--ds-hover)}:root[data-primo-theme=dark] .chat-filter-tab--active{color:color-mix(in srgb,var(--ds-text-primary) 88%,var(--ds-accent));border-color:color-mix(in srgb,var(--ds-accent) 34%,var(--ds-border));background:var(--ds-accent-soft)}:root[data-primo-theme=dark] .chat-filter-manage,:root[data-primo-theme=dark] .room-list-heading .create-room-button{color:var(--ds-text-secondary);border-color:var(--ds-border);background:transparent}:root[data-primo-theme=dark] .chat-filter-manage:hover,:root[data-primo-theme=dark] .room-list-heading .create-room-button:hover,:root[data-primo-theme=dark] .room-list-heading .create-room-button[aria-expanded=true]{color:var(--ds-text-primary);background:var(--ds-hover)}:root[data-primo-theme=dark] .rail-avatar,:root[data-primo-theme=dark] .mobile-sidebar-action--profile,:root[data-primo-theme=dark] .avatar-button,:root[data-primo-theme=dark] .conversation-avatar,:root[data-primo-theme=dark] .profile-avatar,:root[data-primo-theme=dark] .room-info-profile .room-info-avatar,:root[data-primo-theme=dark] .file-card-icon,:root[data-primo-theme=dark] .upload-status-icon{color:color-mix(in srgb,var(--ds-text-primary) 88%,var(--ds-accent));border-color:var(--ds-border);background:var(--ds-accent-soft)}:root[data-primo-theme=dark] .message,:root[data-primo-theme=dark] .message:after{color:var(--ds-text-primary);border-color:var(--ds-border);background:var(--ds-message)}:root[data-primo-theme=dark] .message{box-shadow:0 5px 16px #0f0d0b33}:root[data-primo-theme=dark] .message--own,:root[data-primo-theme=dark] .message--own:after{color:var(--ds-text-primary);border-color:var(--ds-border-strong);background:var(--ds-message-own)}:root[data-primo-theme=dark] .message--own time,:root[data-primo-theme=dark] .message time{color:var(--ds-text-secondary)}:root[data-primo-theme=dark] .message--own time{color:color-mix(in srgb,var(--ds-text-primary) 92%,var(--ds-text-secondary))}:root[data-primo-theme=dark] .date-divider span,:root[data-primo-theme=dark] .load-older,:root[data-primo-theme=dark] .timeline-jump,:root[data-primo-theme=dark] .file-card,:root[data-primo-theme=dark] .upload-status,:root[data-primo-theme=dark] .reactions button{color:var(--ds-text-primary);border-color:var(--ds-border);background:var(--ds-elevated)}:root[data-primo-theme=dark] .message-status,:root[data-primo-theme=dark] .message-status--read{color:var(--ds-status-positive)}:root[data-primo-theme=dark] .reply-preview{color:var(--ds-text-secondary);border-left-color:var(--ds-accent-control);background:color-mix(in srgb,var(--ds-field) 88%,transparent)}:root[data-primo-theme=dark] .room-info,:root[data-primo-theme=dark] .room-info header{color:var(--ds-text-primary);border-color:var(--ds-border);background:var(--ds-panel-translucent)}:root[data-primo-theme=dark] .room-info{box-shadow:var(--ds-shadow-overlay)}:root[data-primo-theme=dark] .room-info header button{color:var(--ds-text-secondary);background:var(--ds-field)}:root[data-primo-theme=dark] .room-info-profile p,:root[data-primo-theme=dark] .room-info .room-info-meta div{color:var(--ds-text-secondary);background:var(--ds-field)}:root[data-primo-theme=dark] .room-info-actions button{color:var(--ds-text-primary);border-color:var(--ds-border);background:var(--ds-elevated)}:root[data-primo-theme=dark] .room-info-actions button:hover,:root[data-primo-theme=dark] .room-info-member:hover{color:var(--ds-text-primary);border-color:var(--ds-border-strong);background:var(--ds-hover)}:root[data-primo-theme=dark] .room-info-section,:root[data-primo-theme=dark] .room-info .room-info-meta{border-color:var(--ds-border)}:root[data-primo-theme=dark] .room-info>.room-info-leave{color:var(--ds-status-danger);border-color:color-mix(in srgb,var(--ds-status-danger) 32%,var(--ds-border));background:var(--ds-status-danger-soft)}:root[data-primo-theme=dark] .message-hover-actions,:root[data-primo-theme=dark] .message-actions,:root[data-primo-theme=dark] .pinned-message-bar,:root[data-primo-theme=dark] .room-menu-popover,:root[data-primo-theme=dark] .create-room-menu,:root[data-primo-theme=dark] .attachment-menu,:root[data-primo-theme=dark] .account-menu-popover,:root[data-primo-theme=dark] .quick-settings-popover,:root[data-primo-theme=dark] .settings-dialog,:root[data-primo-theme=dark] .dialog{color:var(--ds-text-primary);border-color:var(--ds-border);background:var(--ds-panel-translucent);box-shadow:var(--ds-shadow-overlay)}:root[data-primo-theme=dark] .room-menu-popover button,:root[data-primo-theme=dark] .create-room-menu button,:root[data-primo-theme=dark] .attachment-menu button,:root[data-primo-theme=dark] .account-menu-actions button,:root[data-primo-theme=dark] .quick-settings-all{color:var(--ds-text-primary)}:root[data-primo-theme=dark] .room-menu-popover button svg,:root[data-primo-theme=dark] .create-room-menu button svg,:root[data-primo-theme=dark] .attachment-menu button svg{color:var(--ds-text-secondary)}:root[data-primo-theme=dark] .room-menu-popover .room-menu-danger,:root[data-primo-theme=dark] .room-menu-popover .room-menu-danger svg{color:var(--ds-status-danger);border-color:var(--ds-border)}:root[data-primo-theme=dark] .message-actions>button:hover,:root[data-primo-theme=dark] .room-menu-popover button:hover,:root[data-primo-theme=dark] .create-room-menu button:hover,:root[data-primo-theme=dark] .attachment-menu button:hover,:root[data-primo-theme=dark] .account-menu-actions button:hover,:root[data-primo-theme=dark] .quick-settings-all:hover,:root[data-primo-theme=dark] .settings-dialog-tab:hover,:root[data-primo-theme=dark] .settings-dialog-tab--active{color:var(--ds-text-primary);background:var(--ds-hover)}:root[data-primo-theme=dark] .quick-settings-popover strong,:root[data-primo-theme=dark] .quick-settings-popover label{color:var(--ds-text-secondary)}:root[data-primo-theme=dark] .quick-settings-all,:root[data-primo-theme=dark] .quick-settings-popover select{color:var(--ds-text-primary);border-color:var(--ds-border-strong);background:var(--ds-field)}:root[data-primo-theme=dark] .quick-settings-all:hover,:root[data-primo-theme=dark] .quick-settings-popover select:hover{color:var(--ds-text-primary);background:var(--ds-hover)}:root[data-primo-theme=dark] .profile-card,:root[data-primo-theme=dark] .pwa-install-card,:root[data-primo-theme=dark] .settings-list,:root[data-primo-theme=dark] .settings-placeholder-panel,:root[data-primo-theme=dark] .settings-info-card,:root[data-primo-theme=dark] .settings-note-card,:root[data-primo-theme=dark] .saved-message-row{color:var(--ds-text-primary);border-color:var(--ds-border);background:var(--ds-elevated)}:root[data-primo-theme=dark] .settings-dialog>header button{color:var(--ds-text-secondary);border-color:var(--ds-border);background:var(--ds-field)}:root[data-primo-theme=dark] .settings-dialog>header button:hover{color:var(--ds-text-primary);background:var(--ds-hover)}:root[data-primo-theme=dark] .settings-dialog label,:root[data-primo-theme=dark] .settings-field>span,:root[data-primo-theme=dark] .account-profile-row>span,:root[data-primo-theme=dark] .settings-dialog-content p{color:var(--ds-text-secondary)}:root[data-primo-theme=dark] .settings-field input,:root[data-primo-theme=dark] .account-profile-row input,:root[data-primo-theme=dark] .settings-choice,:root[data-primo-theme=dark] .settings-choice select{color:var(--ds-text-primary);border-color:var(--ds-border-strong);background:var(--ds-field)}:root[data-primo-theme=dark] .settings-primary-action,:root[data-primo-theme=dark] .pwa-install-button{color:var(--ds-text-on-accent);border-color:var(--ds-accent-control);background:var(--ds-accent-control);box-shadow:none}:root[data-primo-theme=dark] .settings-primary-action:hover,:root[data-primo-theme=dark] .pwa-install-button:hover{color:var(--ds-text-on-accent);background:var(--ds-accent-hover)}:root[data-primo-theme=dark] .pwa-install-card svg{color:var(--ds-accent)}:root[data-primo-theme=dark] .settings-logout,:root[data-primo-theme=dark] .settings-logout--dialog{color:var(--ds-status-danger);border-color:color-mix(in srgb,var(--ds-status-danger) 32%,var(--ds-border));background:var(--ds-status-danger-soft)}@media(prefers-reduced-motion:reduce){.timeline{--timeline-grid-y: 0px !important}}.media-preview-composer{display:grid;gap:12px;padding:12px 14px max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--ds-border-subtle, var(--line));background:var(--ds-surface-raised, var(--surface-raised-solid))}.media-preview-composer header,.media-preview-actions{display:flex;align-items:center;gap:8px}.media-preview-composer header{justify-content:space-between}.media-preview-composer button{min-width:44px;min-height:44px;border:1px solid var(--ds-border-subtle, var(--line));border-radius:10px;color:var(--ds-text-primary, var(--ink));background:var(--ds-control-neutral, var(--field))}.media-preview-stage{display:grid;min-height:180px;max-height:min(48vh,440px);place-items:center;overflow:hidden;border-radius:12px;background:var(--ds-canvas, var(--surface))}.media-preview-stage img,.media-preview-stage video{display:block;width:100%;max-height:min(48vh,440px);object-fit:contain}.media-preview-item{display:grid;width:100%;min-width:0;max-height:inherit;place-items:center;overflow:hidden}.media-preview-stage--album{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;align-items:start;padding:4px;overflow-y:auto}.media-preview-stage--album .media-preview-item{aspect-ratio:1;border-radius:8px;background:var(--ds-control-neutral, var(--field))}.media-preview-stage--album img,.media-preview-stage--album video{width:100%;height:100%;object-fit:cover}.media-preview-filename{margin:0;overflow:hidden;color:var(--ds-text-secondary, var(--ink-soft));font-size:12px;text-overflow:ellipsis;white-space:nowrap}.media-preview-caption{display:grid;gap:6px;color:var(--ds-text-secondary, var(--ink-soft));font-size:12px}.media-preview-caption textarea{min-height:52px;resize:vertical;border:1px solid var(--ds-border-subtle, var(--line));border-radius:12px;padding:10px 12px;color:var(--ds-text-primary, var(--ink));background:var(--ds-control-neutral, var(--field));font:inherit}.media-preview-caption textarea:focus-visible,.media-preview-composer button:focus-visible,.mobile-bottom-nav__item:focus-visible{outline:2px solid var(--ds-accent, var(--violet));outline-offset:2px}.media-preview-actions{justify-content:flex-end}.media-preview-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px}.media-preview-actions .media-preview-send{border-color:var(--ds-accent, var(--violet));color:#fff;background:var(--ds-accent, var(--violet))}.mobile-bottom-nav{display:none}@media(max-width:860px){.messenger-shell:not(.room-selected) .room-sidebar{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.messenger-shell:not(.room-selected) .mobile-bottom-nav{position:fixed;z-index:35;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:calc(60px + env(safe-area-inset-bottom));padding:4px 6px env(safe-area-inset-bottom);border-top:1px solid var(--ds-border-subtle, var(--line));background:color-mix(in srgb,var(--ds-surface-raised, var(--surface-raised-solid)) 96%,transparent);box-shadow:0 -8px 24px #3d352f12}.mobile-bottom-nav__item{display:grid;min-width:0;min-height:52px;place-items:center;align-content:center;gap:2px;border:0;border-radius:9px;color:var(--ds-text-secondary, var(--ink-soft));background:transparent;font-size:10px;font-weight:600}.mobile-bottom-nav__item--active{color:var(--ds-accent, var(--violet));background:var(--ds-accent-soft, var(--violet-soft))}.messenger-shell.media-preview-open .mobile-bottom-nav,.messenger-shell.mobile-rail-open .mobile-bottom-nav,.messenger-shell.overlay-open .mobile-bottom-nav{display:none}.media-preview-composer{position:fixed;z-index:45;inset:0;align-content:end;overflow:auto;padding-top:max(12px,env(safe-area-inset-top))}.media-preview-stage{max-height:55vh}}@media(max-width:860px)and (max-height:500px){.mobile-bottom-nav{display:none!important}.messenger-shell:not(.room-selected) .room-sidebar{padding-bottom:0}}:root{color-scheme:light;font-family:Inter,Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #181716;--ink-soft: #68635d;--surface: #f8f6f2;--surface-raised: rgba(255, 253, 249, .9);--surface-raised-solid: #fffdf9;--app-background: #f1eee8;--field: #f3f0ea;--line: rgba(61, 53, 47, .14);--line-strong: rgba(61, 53, 47, .24);--violet: #8f1720;--violet-dark: #74131a;--violet-soft: #f5e9e9;--violet-button: #8f1720;--violet-button-hover: #74131a;--teal: #75d2c6;--danger-text: #8f2633;--danger-soft: #fdecef;--notice-text: #355a53;--notice-soft: #e7f7f3;--text-primary: #292334;--text-secondary: #625b6b;--text-tertiary: #837c89;--interactive-surface: #f7f5f9;--interactive-surface-hover: #f0ebf6;--interactive-border: #d9d2e1;--interactive-accent-text: #6230a0;--interactive-accent-surface: #eee6f8;--interactive-accent-border: #d5c3ea}*{box-sizing:border-box}html{--primo-viewport-height: 100vh;scroll-behavior:smooth}body{min-width:320px;min-height:var(--primo-viewport-height);margin:0;color:var(--ink);background:radial-gradient(circle at 85% 10%,rgba(133,74,196,.14),transparent 28rem),radial-gradient(circle at 5% 60%,rgba(117,210,198,.12),transparent 24rem),var(--surface)}html:has(.messenger-shell),body:has(.messenger-shell),#root:has(.messenger-shell){width:100%;height:var(--primo-viewport-height);min-height:0;overflow:hidden;overscroll-behavior:none}body:has(.messenger-shell){position:fixed;inset:0}#root:has(.messenger-shell){position:absolute;inset:0}button,a{font:inherit}a{color:inherit}img{display:block;max-width:100%}::selection{color:#fff;background:var(--violet)}:root[data-primo-theme=light]{color-scheme:light;--ink: #181716;--ink-soft: #68635d;--surface: #f8f6f2;--surface-raised: rgba(255, 253, 249, .9);--surface-raised-solid: #fffdf9;--app-background: #f1eee8;--field: #f3f0ea;--line: rgba(61, 53, 47, .14);--line-strong: rgba(61, 53, 47, .24);--violet: #8f1720;--violet-dark: #74131a;--violet-soft: #f5e9e9;--violet-button: #8f1720;--violet-button-hover: #74131a;--danger-text: #8f2633;--danger-soft: #fdecef;--notice-text: #355a53;--notice-soft: #e7f7f3;--text-primary: #292334;--text-secondary: #625b6b;--text-tertiary: #837c89;--interactive-surface: #f7f5f9;--interactive-surface-hover: #f0ebf6;--interactive-border: #d9d2e1;--interactive-accent-text: #6230a0;--interactive-accent-surface: #eee6f8;--interactive-accent-border: #d5c3ea}:root[data-primo-theme=dark]{color-scheme:dark;--ink: #fffdf8;--ink-soft: #d8d0c6;--text-primary: #fffdf8;--text-secondary: #d8d0c6;--text-tertiary: #aaa196;--interactive-surface: #48433d;--interactive-surface-hover: #514b44;--interactive-border: rgba(255, 250, 243, .27);--interactive-accent-text: #fff4f3;--interactive-accent-surface: #554646;--interactive-accent-border: #9a696e;--surface: #35322e;--surface-raised: rgba(64, 60, 55, .94);--surface-raised-solid: #403c37;--app-background: #35322e;--field: #48433d;--line: rgba(255, 250, 243, .16);--line-strong: rgba(255, 250, 243, .27);--violet: #b58d91;--violet-dark: #9d6269;--violet-soft: #594648;--violet-button: #96575f;--violet-button-hover: #9d6269;--teal: #8bcbc4;--danger-text: #ffbac4;--danger-soft: #45242d;--notice-text: #bfece1;--notice-soft: #203a35}:root[data-primo-theme=dark][data-primo-accent=mint]{--violet: #8bcbc4;--violet-dark: #c8eee8;--violet-soft: #203a35;--violet-button: #6fbdb4;--violet-button-hover: #85d4cb}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
