:root{--accent:#ed424b;--accent-rgb:237,66,75;--accent2:#ff7a80;--red:var(--accent);--red2:var(--accent2);--deep:#07070a;--epic:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html,body{background:transparent}body{font-family:"Segoe UI Variable Display","Aptos Display","Segoe UI",sans-serif;letter-spacing:-.012em}.shell{position:relative;background:radial-gradient(circle at 78% 18%,rgba(var(--accent-rgb),.11),transparent 34%),radial-gradient(circle at 22% 92%,rgba(var(--accent-rgb),.055),transparent 32%),var(--deep);isolation:isolate}.shell:before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 72%)}button,input,textarea,select{font:inherit}
.titlebar{height:48px;padding-left:19px;background:rgba(7,7,10,.76);border-color:rgba(255,255,255,.065);backdrop-filter:blur(28px) saturate(1.35)}.brand img{width:23px;height:23px;filter:drop-shadow(0 0 12px rgba(var(--accent-rgb),.45))}.brand span{font-size:13px;font-weight:780;letter-spacing:.02em}.window-actions button{height:48px;color:#898b95;transition:.18s}.window-actions button:hover{background:rgba(255,255,255,.07);color:#fff}.window-actions .danger:hover{background:#da373c}
.app-view{height:calc(100vh - 48px);grid-template-columns:304px 1fr;animation:appReveal .8s var(--epic)}aside{padding:18px 12px;background:linear-gradient(180deg,rgba(16,17,22,.94),rgba(10,10,14,.9));border-color:rgba(255,255,255,.065);backdrop-filter:blur(32px) saturate(1.2)}.profile{gap:6px;padding:7px 5px 20px}.profile .icon-button,#logoutBtn{display:grid;place-items:center;width:34px;height:34px;flex:none;border:0;border-radius:11px;background:transparent;color:#8c8e99;transition:.2s var(--epic)}.profile .icon-button svg,#logoutBtn svg,.search svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.profile .icon-button:hover,#logoutBtn:hover{transform:translateY(-2px);background:rgba(255,255,255,.075);color:#fff}.avatar{border-radius:14px;background:linear-gradient(145deg,var(--accent2),var(--accent) 52%,rgb(89,14,25));box-shadow:inset 0 0 0 1px rgba(255,255,255,.17),0 8px 24px rgba(var(--accent-rgb),.15)}
.side-tabs{border:1px solid rgba(255,255,255,.045);border-radius:13px;background:rgba(0,0,0,.27)}.side-tabs button{padding:10px 6px;border-radius:9px}.side-tabs button.active{background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.065));box-shadow:0 6px 18px rgba(0,0,0,.25)}.search span{display:grid;place-items:center;left:13px;top:50%;transform:translateY(-50%);font-size:0}.search input,input,textarea,select{border:1px solid rgba(255,255,255,.08)!important;background:rgba(5,6,9,.5)!important;transition:.2s}.search input:focus,input:focus,textarea:focus,select:focus{border-color:rgba(var(--accent-rgb),.65)!important;box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)!important}.section-label{margin-top:24px;color:#6e707c;font-size:9px;letter-spacing:1.9px}.users{gap:4px}.user{min-height:58px;border:1px solid transparent;border-radius:14px;transition:.25s var(--epic)}.user:hover{transform:translateX(4px);background:rgba(255,255,255,.048)}.user.active{transform:none;border-color:rgba(255,255,255,.07);background:linear-gradient(100deg,rgba(var(--accent-rgb),.13),rgba(255,255,255,.055))}
.chat-content{grid-template-rows:70px minmax(0,1fr) auto}.chat-header{padding:13px 28px;border-color:rgba(255,255,255,.07);background:rgba(10,10,14,.58);backdrop-filter:blur(28px)}.header-action{display:grid;place-items:center;width:42px;height:42px;border-color:rgba(255,255,255,.075);border-radius:14px;background:rgba(255,255,255,.055)}.header-action:hover{transform:translateY(-2px);background:var(--accent);box-shadow:0 10px 28px rgba(var(--accent-rgb),.28)}.messages{padding:27px 30px 18px;gap:8px}.message{border:1px solid rgba(255,255,255,.045);border-radius:19px 19px 19px 6px;background:rgba(33,34,42,.78);box-shadow:0 8px 24px rgba(0,0,0,.09);animation:messageReveal .42s var(--epic)}.message.mine{border-radius:19px 19px 6px 19px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 64%,#540b17));box-shadow:0 10px 30px rgba(var(--accent-rgb),.13)}.composer{margin:0 28px 24px;padding:7px;border-color:rgba(255,255,255,.09);border-radius:18px;background:rgba(18,19,24,.78);box-shadow:0 12px 44px rgba(0,0,0,.22);backdrop-filter:blur(24px)}.composer:focus-within{border-color:rgba(var(--accent-rgb),.48);box-shadow:0 16px 52px rgba(0,0,0,.3),0 0 0 3px rgba(var(--accent-rgb),.07)}.composer button{display:grid;place-items:center}.composer .attach{border-radius:12px;background:transparent}.composer .send{border-radius:12px;background:var(--accent);box-shadow:0 7px 22px rgba(var(--accent-rgb),.28)}
.create-room{border-color:rgba(var(--accent-rgb),.22);border-radius:14px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.14),rgba(var(--accent-rgb),.055));color:var(--accent2)}.room-view{grid-template-rows:72px minmax(0,1fr) 102px;background:radial-gradient(circle at 50% 43%,rgba(var(--accent-rgb),.12),transparent 35%)}.room-orbit{position:relative;border-color:rgba(var(--accent-rgb),.24);box-shadow:0 0 90px rgba(var(--accent-rgb),.13);animation:orbitFloat 4s ease-in-out infinite}.room-orbit:after{content:"";position:absolute;inset:-9px;border:1px solid rgba(var(--accent-rgb),.1);border-radius:50px;animation:orbitPulse 2.7s ease-in-out infinite}.room-member-wrap{background:rgba(25,26,32,.72)}.call-control{display:grid;place-items:center;border-color:rgba(255,255,255,.1);border-radius:18px;background:rgba(35,36,44,.8);box-shadow:0 8px 26px rgba(0,0,0,.2);transition:.24s var(--epic)}.call-control:hover{transform:translateY(-4px)}.call-control.hang{background:#da373c}.call-overlay.active-call{background:rgba(15,16,21,.85);backdrop-filter:blur(30px)}
.modal-backdrop{background:rgba(2,3,6,.68);backdrop-filter:blur(20px)}.settings-card{border-color:rgba(255,255,255,.105);border-radius:24px;background:linear-gradient(145deg,rgba(27,28,35,.97),rgba(13,14,19,.97));box-shadow:0 34px 110px rgba(0,0,0,.62);animation:modalReveal .45s var(--epic)}.settings-card h2{letter-spacing:-.04em}.primary{border-radius:13px;background:linear-gradient(135deg,var(--accent2),var(--accent));box-shadow:0 10px 30px rgba(var(--accent-rgb),.22)}
.personalize-card{width:min(620px,100%)}.appearance-intro{margin:-8px 0 22px;color:var(--muted);font-size:13px}.setting-title{margin:0 0 10px;color:#a4a6b0;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.12em}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.theme-grid button{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:11px;padding:12px;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:rgba(255,255,255,.035);text-align:left;transition:.25s var(--epic)}.theme-grid button:hover{transform:translateY(-2px)}.theme-grid button.active{border-color:rgba(var(--accent-rgb),.7);background:rgba(var(--accent-rgb),.1)}.theme-grid button>i{grid-row:1/3;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#ff747b,#b51e2a)}.theme-grid [data-theme=violet]>i{background:linear-gradient(145deg,#a78bfa,#6d28d9)}.theme-grid [data-theme=ocean]>i{background:linear-gradient(145deg,#38bdf8,#0369a1)}.theme-grid [data-theme=mono]>i{background:linear-gradient(145deg,#d4d4d8,#3f3f46)}.theme-grid b{align-self:end;font-size:13px}.theme-grid small{color:var(--muted);font-size:10px}.switch-row{display:flex!important;align-items:center;justify-content:space-between;gap:16px;padding:13px 2px}.switch-row>span{display:flex;flex-direction:column;gap:3px}.switch-row small{color:var(--muted);font-size:10px}.switch-row input{position:absolute;opacity:0}.switch-row>i{position:relative;width:44px;height:24px;flex:none;border-radius:30px;background:#343640;transition:.25s}.switch-row>i:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#a7a9b2;transition:.3s var(--epic)}.switch-row input:checked+i{background:var(--accent);box-shadow:0 0 18px rgba(var(--accent-rgb),.25)}.switch-row input:checked+i:after{transform:translateX(20px);background:#fff}
body[data-theme=violet]{--accent:#8b5cf6;--accent-rgb:139,92,246;--accent2:#c4b5fd;--deep:#08070d}body[data-theme=ocean]{--accent:#0ea5e9;--accent-rgb:14,165,233;--accent2:#7dd3fc;--deep:#05090d}body[data-theme=mono]{--accent:#a1a1aa;--accent-rgb:161,161,170;--accent2:#f4f4f5;--deep:#080809}body[data-density=compact] .user{min-height:48px;padding:6px 9px}body[data-density=compact] .messages{padding-top:18px;gap:5px}body[data-density=compact] .message{padding:8px 12px}body.glass-mode .shell{background:radial-gradient(circle at 78% 18%,rgba(var(--accent-rgb),.13),transparent 35%),rgba(7,8,12,.54)}body.glass-mode aside{background:rgba(12,13,18,.58)}body.glass-mode .chat-header,body.glass-mode .composer{background:rgba(15,16,22,.52)}body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}
.splash{background:radial-gradient(circle at 50% 50%,rgba(var(--accent-rgb),.1),transparent 38%),#050507}.splash:before,.splash:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(var(--accent-rgb),.14);border-radius:50%;animation:splashRing 2s var(--epic) both}.splash:after{width:600px;height:600px;animation-delay:.2s}.splash img{width:120px;height:120px;animation:splashLogoEpic 1.5s .08s var(--epic) forwards}.splash-word{font-size:16px;letter-spacing:7px}.splash-glow{width:620px;height:620px;background:radial-gradient(circle,rgba(var(--accent-rgb),.24),rgba(var(--accent-rgb),.04) 38%,transparent 70%)}
@keyframes appReveal{from{opacity:0;transform:scale(.985);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes messageReveal{from{opacity:0;transform:translateY(12px) scale(.975);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}@keyframes modalReveal{from{opacity:0;transform:translateY(24px) scale(.96);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}@keyframes orbitFloat{50%{transform:translateY(-8px)}}@keyframes orbitPulse{50%{transform:scale(1.06);opacity:.35}}@keyframes splashRing{from{opacity:0;transform:scale(.2)}55%{opacity:1}to{opacity:0;transform:scale(1.4)}}@keyframes splashLogoEpic{0%{opacity:0;transform:scale(.25) rotate(-18deg);filter:blur(18px)}55%{opacity:1;transform:scale(1.13) rotate(3deg);filter:blur(0) drop-shadow(0 0 52px rgba(var(--accent-rgb),.62))}100%{opacity:1;transform:scale(1);filter:drop-shadow(0 16px 45px rgba(var(--accent-rgb),.4))}}
@media(max-width:700px){.titlebar{height:40px}.app-view{height:calc(100dvh - 40px)}.profile .icon-button,#logoutBtn{width:32px;height:32px}.messages{padding:16px 12px 10px}.composer{margin:0 10px calc(10px + env(safe-area-inset-bottom))}.theme-grid{grid-template-columns:1fr}.personalize-card{max-height:92dvh}.splash:before{width:280px;height:280px}.splash:after{width:390px;height:390px}}

/* 0.11.2 visual polish */
html[data-theme=violet],body[data-theme=violet]{--accent:#8b5cf6;--accent-rgb:139,92,246;--accent2:#c4b5fd;--deep:#08070d}html[data-theme=ocean],body[data-theme=ocean]{--accent:#0ea5e9;--accent-rgb:14,165,233;--accent2:#7dd3fc;--deep:#05090d}html[data-theme=mono],body[data-theme=mono]{--accent:#a1a1aa;--accent-rgb:161,161,170;--accent2:#f4f4f5;--deep:#080809}
.splash-logo{position:relative;width:120px;height:120px;background:var(--accent);mask:url("../assets/eclipse-logo.png") center/contain no-repeat;-webkit-mask:url("../assets/eclipse-logo.png") center/contain no-repeat;filter:drop-shadow(0 16px 45px rgba(var(--accent-rgb),.45));animation:splashLogoEpic .95s .02s var(--epic) both}.splash-word span{color:var(--accent2)}.splash-line i{background:linear-gradient(90deg,transparent,var(--accent2),transparent)}
.room-item .room-glyph{display:grid;place-items:center;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);box-shadow:none}.room-glyph svg{width:21px;height:21px;fill:none;stroke:var(--accent2);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.call-control.hang svg{width:23px;height:23px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.call-control.hang{border-radius:18px}
.composer{border-radius:25px;padding:8px 9px}.composer textarea{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.composer textarea:focus{border:0!important;background:transparent!important;box-shadow:none!important}.composer .attach,.composer .send{border-radius:16px}.message:has(.image-link){padding:5px;border-radius:23px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.message.mine:has(.image-link){padding:5px;border-radius:23px;background:rgba(var(--accent-rgb),.16);border:1px solid rgba(var(--accent-rgb),.35);box-shadow:0 12px 36px rgba(var(--accent-rgb),.1)}.image-link,.image-attachment{border-radius:18px}.attachment-card{border:1px solid rgba(255,255,255,.08);border-radius:17px;background:rgba(255,255,255,.055)}
html.glass-mode .shell,body.glass-mode .shell{background:radial-gradient(circle at 78% 18%,rgba(var(--accent-rgb),.12),transparent 36%),rgba(5,6,10,.28)}html.glass-mode aside,body.glass-mode aside{background:rgba(10,11,16,.42)}html.glass-mode .chat-header,html.glass-mode .composer,body.glass-mode .chat-header,body.glass-mode .composer{background:rgba(13,14,20,.4)}
@media(max-width:700px){.splash-logo{width:88px;height:88px}}

/* 0.11.3 theme consistency and responsive web */
.eyebrow,.settings-card .eyebrow,.settings-card label>span,.audio-hint a{color:var(--accent2)}.settings-card input[type="range"],.member-volume,.call-volume input{accent-color:var(--accent)}.meter i{background:linear-gradient(90deg,#57d39b,var(--accent2),var(--accent))}.settings-card select:focus,.settings-card textarea:focus{border-color:var(--accent)!important}.owner-crown{filter:drop-shadow(0 2px 6px rgba(var(--accent-rgb),.28))}.desktop-download{border-color:rgba(var(--accent-rgb),.55);background:linear-gradient(135deg,var(--accent2),var(--accent));box-shadow:0 10px 30px rgba(var(--accent-rgb),.28)}
.switch-row{position:relative;cursor:pointer;user-select:none}.switch-row>span{float:none!important;color:var(--text)!important}.switch-row>span b{color:var(--text)!important}.switch-row input{position:absolute;z-index:3;right:0;top:50%;width:48px!important;height:30px!important;margin:0!important;transform:translateY(-50%);opacity:0;cursor:pointer}.switch-row>i{pointer-events:none}.switch-row:hover>i{box-shadow:0 0 0 4px rgba(var(--accent-rgb),.08)}
.call-control.hang svg{fill:#fff;stroke:none;transform:rotate(135deg);width:22px;height:22px}.call-control.hang{border-radius:50%;background:#da373c}.call-overlay.active-call .call-control.hang{border-radius:50%}
.empty-state .empty-logo{width:105px;height:105px;margin:auto;background:color-mix(in srgb,var(--accent) 68%,transparent);mask:url("../assets/eclipse-logo.png") center/contain no-repeat;-webkit-mask:url("../assets/eclipse-logo.png") center/contain no-repeat;filter:drop-shadow(0 14px 34px rgba(var(--accent-rgb),.2))}
@media(max-width:760px){.web-client .desktop-download{display:none!important}.web-client .auth-view{min-height:100dvh;padding-top:max(14px,env(safe-area-inset-top));padding-right:max(14px,env(safe-area-inset-right));padding-bottom:max(14px,env(safe-area-inset-bottom));padding-left:max(14px,env(safe-area-inset-left))}.web-client .app-view aside{padding-top:calc(14px + env(safe-area-inset-top));padding-right:calc(12px + env(safe-area-inset-right));padding-bottom:calc(14px + env(safe-area-inset-bottom));padding-left:calc(12px + env(safe-area-inset-left))}.web-client .chat-header{min-height:calc(64px + env(safe-area-inset-top));padding-top:calc(10px + env(safe-area-inset-top));padding-right:calc(12px + env(safe-area-inset-right));padding-left:calc(12px + env(safe-area-inset-left))}.web-client .messages{padding-right:calc(12px + env(safe-area-inset-right));padding-left:calc(12px + env(safe-area-inset-left))}.web-client .composer{margin-right:calc(10px + env(safe-area-inset-right));margin-bottom:calc(10px + env(safe-area-inset-bottom));margin-left:calc(10px + env(safe-area-inset-left))}.web-client .room-view>header{padding-top:calc(10px + env(safe-area-inset-top));padding-right:calc(12px + env(safe-area-inset-right));padding-left:calc(12px + env(safe-area-inset-left))}.web-client .room-controls{padding-bottom:env(safe-area-inset-bottom)}.empty-state .empty-logo{width:82px;height:82px}}
@media(min-width:761px) and (max-width:1100px){.web-client .app-view{grid-template-columns:270px minmax(0,1fr)}.web-client .message{max-width:78%}}

/* 0.11.4 real-time messages */
.user>span:not(.user-indicators){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-indicators{display:flex!important;align-items:center;justify-content:flex-end;gap:9px;flex:0 0 auto!important}.unread-badge{display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--accent);color:#fff;font-size:10px;font-weight:850;line-height:1;box-shadow:0 5px 16px rgba(var(--accent-rgb),.32)}.user-indicators .dot{margin:0}

/* Friends and requests. */
.friends-subtitle{margin:12px 10px 7px;color:#727581;font-size:8px;font-weight:850;letter-spacing:1.5px}.friends-empty{display:flex;min-height:112px;margin-top:8px;padding:18px;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px dashed rgba(255,255,255,.08);border-radius:15px;color:#747783;text-align:center}.friends-empty b{color:#b9bcc5;font-size:12px}.friends-empty span{max-width:210px;font-size:10px;line-height:1.5}.friend-request-row{cursor:pointer}.friend-identity{display:flex!important;min-width:0;flex:1;flex-direction:column;gap:3px;overflow:hidden}.friend-identity b,.friend-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-identity b{color:#e8e9ed;font-size:12px}.friend-identity small{color:#70737d;font-size:9px}.friend-request-actions{display:flex!important;flex:0 0 auto!important;gap:5px}.friend-action{min-width:62px;height:30px;padding:0 9px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.055);color:#aeb1bb;font:750 9px inherit;cursor:pointer;transition:.2s var(--epic)}.friend-action:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(var(--accent-rgb),.4);color:#fff}.friend-action.accept,.friend-action.add,.friend-action.open{border-color:rgba(var(--accent-rgb),.28);background:rgba(var(--accent-rgb),.14);color:var(--accent2)}.friend-action.decline{min-width:30px;padding:0;color:#8d9099}.friend-action:disabled{cursor:default;opacity:.62}.public-profile-card #userProfileFriendAction{width:100%;margin-top:18px}.public-profile-card #userProfileFriendAction.danger{border-color:rgba(229,72,77,.28);color:#f38b90;background:rgba(229,72,77,.08)}
.toast-stack{position:fixed;z-index:90;top:calc(62px + env(safe-area-inset-top));right:18px;display:flex;width:min(360px,calc(100vw - 28px));flex-direction:column;align-items:flex-end;gap:9px;pointer-events:none}.web-client .toast-stack{top:calc(16px + env(safe-area-inset-top))}.message-toast{display:flex;align-items:center;gap:11px;width:100%;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(20,21,28,.92);color:var(--text);text-align:left;box-shadow:0 18px 60px rgba(0,0,0,.45),0 0 0 1px rgba(var(--accent-rgb),.05);backdrop-filter:blur(24px) saturate(1.3);pointer-events:auto;opacity:0;transform:translateX(24px) scale(.97);transition:.35s var(--epic)}.message-toast.show{opacity:1;transform:none}.message-toast:hover{border-color:rgba(var(--accent-rgb),.42);background:rgba(28,29,38,.96)}.message-toast .avatar{width:40px;height:40px;border-radius:13px}.message-toast>span{display:flex;min-width:0;flex-direction:column;gap:4px}.message-toast b{font-size:12px}.message-toast small{overflow:hidden;color:#aaa;white-space:nowrap;text-overflow:ellipsis;font-size:11px}
@media(max-width:760px){.toast-stack{top:calc(12px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));width:calc(100vw - 20px - env(safe-area-inset-left) - env(safe-area-inset-right))}.message-toast{padding:10px;border-radius:15px}}

/* The web client can receive screen shares but cannot start them. */
.web-client #screenBtn,.web-client #roomScreenBtn{display:none!important}.web-client #screenShareModal{display:none!important}
@media(max-width:760px){.web-client body{overscroll-behavior:none}.web-client .shell{min-height:100svh}.web-client .auth-card{width:min(100%,440px);margin:auto}.web-client .profile{padding-top:max(4px,env(safe-area-inset-top))}.web-client .call-overlay.screen-expanded{padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}}

/* iOS standalone: keep the complete viewport and home-indicator area dark. */
html,body{background-color:#09090b!important;color-scheme:dark}.web-client,.web-client .shell{background-color:#09090b!important}.web-client .shell{min-height:100vh;min-height:100svh;min-height:100dvh}.web-client .app-view,.web-client .auth-view{min-height:100svh;background-color:#09090b}.web-client .app-view aside{background-color:#0f0f12}
@supports(-webkit-touch-callout:none){html,body{min-height:-webkit-fill-available}.web-client .shell{min-height:-webkit-fill-available}.web-client .app-view,.web-client .auth-view{height:100dvh;min-height:-webkit-fill-available}.web-client .composer{padding-bottom:max(7px,env(safe-area-inset-bottom));background-clip:padding-box}}

.avatar>img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}.friends-retry{gap:8px!important}.friends-retry button{margin-top:8px;padding:9px 12px;border:1px solid rgba(var(--accent-rgb),.28);border-radius:11px;background:rgba(var(--accent-rgb),.09);color:var(--accent2);font-size:11px;font-weight:800}.friends-retry button:active{transform:scale(.97)}
.web-client .splash{animation:web-splash-failsafe .01s 4s forwards}@keyframes web-splash-failsafe{to{opacity:0;visibility:hidden;pointer-events:none}}

/* Safe links and responsive audio settings. */
.message-text{white-space:pre-wrap}.message-link{color:#8cddff;font-weight:700;text-decoration:underline;text-decoration-color:rgba(140,221,255,.45);text-underline-offset:3px;cursor:pointer}.message-link:hover{color:#d8f5ff;text-decoration-color:currentColor}.message.mine .message-link{color:#fff;text-decoration-color:rgba(255,255,255,.58)}#settingsModal .settings-card{max-height:calc(100vh - 84px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(var(--accent-rgb),.35) transparent}#testMicBtn:disabled{cursor:wait;opacity:.68}