:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#101113;color:#eff2f5;--theme-accent: #00d6bd;--theme-bg: #101113;--theme-text: #eff2f5;--theme-font-weight: 600;--metal-silver: url(/assets/metal-silver-rivets-D4KIMiFu.png);--metal-brushed: url(/assets/metal-brushed-DrPP8cC5.png);--metal-recessed: url(/assets/metal-recessed-DU3kFXjr.png);--metal-border: #899199;--metal-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), inset 0 -18px 34px rgba(0, 0, 0, .24), 0 14px 38px rgba(0, 0, 0, .22);--recessed-shadow: inset 0 2px 8px rgba(255, 255, 255, .08), inset 0 -22px 42px rgba(0, 0, 0, .72), 0 1px 0 rgba(255, 255, 255, .05);--rim-size: 16px;--rim-shadow: inset 0 0 0 1px rgba(255, 255, 255, .52), inset 0 0 0 2px rgba(20, 22, 25, .62), inset 0 calc(var(--rim-size) * .35) calc(var(--rim-size) * 1.15) rgba(255, 255, 255, .22), inset 0 calc(var(--rim-size) * -.82) calc(var(--rim-size) * 1.45) rgba(0, 0, 0, .68), 0 14px 34px rgba(0, 0, 0, .32);--well-shadow: inset 0 16px 34px rgba(0, 0, 0, .72), inset 0 -8px 22px rgba(255, 255, 255, .035), 0 0 0 1px rgba(0, 0, 0, .76)}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{margin:0;min-width:320px;min-height:100%;color:var(--theme-text);background:linear-gradient(135deg,#c6cdd247,#191d22d1),var(--metal-silver) center / 620px auto;font-weight:var(--theme-font-weight)}.app-shell{color:var(--theme-text)}.app-shell.texture-brushed{--metal-silver: var(--metal-brushed)}.app-shell.texture-recessed{--metal-silver: var(--metal-recessed)}.app-shell.texture-none{--metal-silver: linear-gradient(180deg, var(--theme-bg), #1f2328);--metal-brushed: linear-gradient(180deg, var(--theme-bg), #1f2328);--metal-recessed: linear-gradient(180deg, #050607, var(--theme-bg))}.app-shell.texture-custom{--metal-silver: var(--custom-texture);--metal-brushed: var(--custom-texture);--metal-recessed: var(--custom-texture)}button,input,textarea{font:inherit}select{font:inherit;border:1px solid #343a42;border-radius:6px;background:#22262c;color:#eff2f5}.auth-shell{display:grid;align-items:center;justify-items:end;min-height:100vh;padding:clamp(18px,4vw,52px) clamp(18px,7vw,92px);background:linear-gradient(90deg,#03082814,#0308282e),url(/assets/login-BEx1BOBZ.png) center / cover no-repeat,#06124d}.auth-panel{display:grid;gap:16px;width:min(510px,38vw);min-height:min(720px,calc(100vh - 96px));margin-right:clamp(10px,3vw,62px);padding:clamp(26px,3.2vw,46px);border:1px solid rgba(158,110,255,.72);border-radius:42px;background:radial-gradient(circle at 20% 10%,rgba(207,104,255,.22),transparent 36%),linear-gradient(160deg,#141668c2,#2c107e8a);box-shadow:inset 0 0 38px #9a58ff47,0 0 0 1px #4ea1ff38,0 24px 80px #060a3094;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.auth-panel h1{margin:0;color:#fff;font-size:clamp(30px,3vw,44px);text-shadow:0 3px 18px rgba(0,0,0,.45)}.auth-panel p{margin:0;color:#aeb7c2}.auth-loading-panel{align-content:center;justify-items:start}.auth-loader{width:46px;height:46px;border:3px solid rgba(255,255,255,.16);border-top-color:#00d6bd;border-radius:999px;animation:authSpin .9s linear infinite}@keyframes authSpin{to{transform:rotate(360deg)}}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border:1px solid rgba(119,170,255,.36);border-radius:14px;background:#040b319e}.auth-tabs button{height:36px;border:0;border-radius:6px;background:transparent;color:#aeb7c2;font-weight:700;cursor:pointer}.auth-tabs button.active{background:linear-gradient(135deg,#26e8ff,#8d46ff);color:#fff;box-shadow:0 8px 22px #535bff59}.auth-panel label{display:grid;gap:8px;color:#dfe5eb}.auth-panel input{height:46px;border:1px solid rgba(119,170,255,.42);border-radius:12px;padding:0 12px;background:#060d3ab8;color:#eff2f5}.auth-error{padding:10px 12px;border-radius:6px;background:#4a2228;color:#ffccd4}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;border:0;border-radius:14px;background:linear-gradient(135deg,#22e3ff,#9d4dff);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 12px 28px #4067ff57}.app-shell{display:grid;grid-template-columns:260px 260px minmax(0,1fr) 280px;height:100vh;max-height:100vh;overflow:hidden;background:linear-gradient(135deg,#e2e8ec42,#252b32bd),var(--metal-silver) center / 680px auto}.space-rail,.room-list,.members-sidebar{border-right:1px solid rgba(86,96,108,.58);padding:18px;overflow-y:auto;color:#f8fbff;text-shadow:0 2px 4px rgba(0,0,0,.92),0 0 10px rgba(0,0,0,.72);box-shadow:inset -1px 0 #ffffff2e,inset 1px 0 #00000094}.space-rail{background:linear-gradient(180deg,#d8dee23d,#1f242ae0),var(--metal-silver) center / 560px auto}.room-list{background:linear-gradient(180deg,#e2e8ec47,#252b32e6),var(--metal-silver) center / 520px auto}.members-sidebar{border-right:0;border-left:1px solid rgba(86,96,108,.58);background:linear-gradient(180deg,#d8dee23d,#1f242ae0),var(--metal-silver) center / 560px auto}.brand{display:grid;place-items:center;width:44px;height:44px;overflow:hidden;border-radius:12px;margin-bottom:24px;background:#050716;box-shadow:0 0 0 1px #7de7ff47,0 10px 28px #385dff47}.brand img{width:100%;height:100%;object-fit:cover}.nav-logo{width:18px;height:18px;border-radius:5px;object-fit:cover;flex:0 0 auto;box-shadow:0 0 0 1px #ffffff38}.heading-title{display:flex;align-items:center;gap:9px}.space-heading .auto-fit-heading{align-items:flex-start;min-width:0;max-width:100%;font-size:var(--fit-font-size, 30px);line-height:1.12}.space-heading .auto-fit-heading>span{display:block;min-width:0;white-space:normal;word-break:normal;overflow-wrap:anywhere}.heading-title .nav-logo{width:28px;height:28px;border-radius:8px}.voice-room-members{grid-column:1 / -1;display:grid;gap:6px;padding:4px 0 7px 34px}.voice-member{display:flex;align-items:center;gap:7px;min-width:0;color:#8b949f;font-size:12px}.voice-member b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.voice-member.online{color:#d8dee6}.voice-member .avatar{width:20px;height:20px;border-radius:50%;font-size:10px}.mic-live{color:#39d98a}.mic-muted{color:#b45858}.group-call-chat-panel{position:absolute;top:12px;right:12px;bottom:96px;z-index:8;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(360px,30vw);max-height:calc(100% - 116px);border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#101113db;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.group-call-chat-panel header{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.09)}.group-call-chat-panel>div{overflow-y:auto;padding:12px 14px}.group-call-chat-panel p{display:grid;gap:2px;margin:0 0 12px}.group-call-chat-panel b{color:var(--theme-accent)}.group-call-chat-composer{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:8px;padding:10px;border-top:1px solid rgba(255,255,255,.09);background:#0d0f12f0}.group-call-chat-composer input{min-width:0;border:1px solid #343a42;border-radius:8px;padding:0 10px;background:#05070ab8;color:#eff2f5}.texture-help{margin:0;color:#c9d2dc;font-size:12px}.texture-upload{justify-self:start}.space-logo-preview{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#00000038}.space-logo-preview img{width:42px;height:42px;border-radius:9px;object-fit:cover}.appearance-editor{display:grid;gap:12px;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#0003}.appearance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.space-section{margin-bottom:22px}.current-user{display:grid;grid-template-columns:1fr;gap:10px;margin-top:24px;border-top:1px solid #282c31;border-radius:8px;padding:14px 8px 8px;background:linear-gradient(180deg,#03050752,#0305071f)}.current-user-main{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px}.current-user-actions{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:6px;min-width:0;overflow:hidden}.current-user-actions .icon-button.compact{flex:0 0 29px;width:29px;height:29px}.current-user-actions .audio-status{position:relative;border-radius:50%;border-color:#ffffff38;color:#061310;box-shadow:inset 0 2px 2px #ffffff5c,inset 0 -6px 9px #0000006b,0 5px 12px #00000061}.current-user-actions .audio-status:before{content:"";position:absolute;inset:3px 5px auto 5px;height:8px;border-radius:999px;background:#ffffff47;pointer-events:none}.current-user-actions .audio-status.on{background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.52),transparent 35%),linear-gradient(145deg,#66f0a7,#079c64)}.current-user-actions .audio-status.off{background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.42),transparent 35%),linear-gradient(145deg,#ff7d87,#b21f35);color:#fff5f5}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#000000a3;z-index:20}.settings-panel{width:min(620px,100%);max-height:calc(100vh - 48px);overflow-y:auto;border:1px solid var(--metal-border);border-radius:8px;background:linear-gradient(180deg,#e2e8ec33,#1f242aeb),var(--metal-silver) center / 560px auto;box-shadow:var(--metal-shadow)}.settings-panel.compact-panel{width:min(520px,100%)}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid #282c31}.settings-header h2,.settings-form h3{margin:0}.settings-form{display:grid;gap:14px;padding:18px;border-bottom:1px solid #282c31}.settings-form label{display:grid;gap:8px;color:#dfe5eb}.settings-form input,.settings-form textarea{width:100%;border:1px solid #343a42;border-radius:6px;padding:10px 12px;background:#22262c;color:#eff2f5}.settings-form textarea{min-height:88px;resize:vertical}.room-access-list{display:grid;gap:8px;padding:12px;border:1px solid rgba(86,96,108,.58);border-radius:8px;background:linear-gradient(180deg,#0e1013b8,#1b1f24b8),var(--metal-recessed) center / 480px auto;box-shadow:var(--recessed-shadow)}.room-access-list>strong{color:#eff2f5}.room-access-list>p{margin:0;color:#aeb7c2;font-size:12px}.role-checkbox{display:grid!important;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px!important}.role-checkbox input{width:16px;height:16px;accent-color:#00d6bd}.roles-panel{width:min(680px,100%)}.admin-panel{width:min(980px,100%)}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.admin-stats span,.admin-row{border:1px solid rgba(86,96,108,.58);border-radius:8px;background:linear-gradient(180deg,#0e1013bd,#1b1f24bd),var(--metal-recessed) center / 480px auto;box-shadow:var(--recessed-shadow)}.admin-stats span{display:grid;gap:2px;padding:12px;color:#aeb7c2}.admin-stats strong{color:#eff2f5;font-size:22px}.admin-table{display:grid;gap:8px}.admin-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;color:#eff2f5}.admin-row.clickable{width:100%;border-color:#56606c94;text-align:left;cursor:pointer}.admin-row strong,.admin-row span{display:block}.admin-row span{color:#aeb7c2;font-size:12px}.admin-row select{min-width:140px;border:1px solid #343a42;border-radius:6px;padding:8px 10px;background:#22262c;color:#eff2f5}.admin-space-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.admin-space-controls select{min-width:132px}.admin-switch{display:inline-flex!important;grid-template-columns:none!important;align-items:center;gap:8px!important;white-space:nowrap}.admin-switch input{width:18px;height:18px;accent-color:#00d6bd}.admin-actions{display:flex;flex-wrap:wrap;gap:8px}.role-edit-row,.role-add-form{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center}.role-add-form{grid-template-columns:minmax(0,1fr) auto;padding-top:10px;border-top:1px solid rgba(86,96,108,.46)}.compact-action.danger{border-color:#ff748866;color:#ffb6c0}.settings-notice{margin:18px;padding:10px 12px;border-radius:6px;background:#1e3f38;color:#8df2dc}.install-card{border:1px solid rgba(0,214,189,.22);background:linear-gradient(180deg,#00d6bd14,#111418eb),var(--metal-recessed) center / 480px auto}.install-card p{margin:0;color:#cbd3dc;line-height:1.45}.install-status-grid{display:flex;flex-wrap:wrap;gap:8px}.status-pill{display:inline-flex;align-items:center;min-height:28px;border:1px solid #343a42;border-radius:999px;padding:4px 10px;background:#22262c;color:#cbd3dc;font-size:12px}.status-pill.good{border-color:#00d6bd6b;background:#00d6bd1f;color:#8df2dc}.status-pill.danger{border-color:#ff5b706b;background:#ff5b701f;color:#ffb6c0}.notification-toggles{display:flex;flex-wrap:wrap;gap:10px}.notification-toggles label{display:inline-flex!important;grid-template-columns:none!important;align-items:center;gap:8px!important;min-height:34px;border:1px solid #343a42;border-radius:999px;padding:5px 11px;background:#22262cd1}.notification-toggles input{width:16px;height:16px;accent-color:#00d6bd}.notification-denied-help{display:grid;gap:8px}.notification-denied-help button{justify-self:start;min-height:32px;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:0 10px;background:#22262c;color:#eff2f5;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;border:1px solid #343a42;border-radius:6px;padding:0 14px;background:#22262c;color:#eff2f5;cursor:pointer}.compact-action{min-width:max-content;height:34px;padding:0 10px;font-size:13px}.friends-panel{width:min(760px,100%)}.friends-content{display:grid;gap:16px;padding:18px}.search-field{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;min-height:42px;border:1px solid #343a42;border-radius:6px;padding:0 12px;background:#22262c;color:#aeb7c2}.search-field input{min-width:0;border:0;outline:0;background:transparent;color:#eff2f5}.friends-section{display:grid;gap:8px}.friends-section h3{margin:0;font-size:16px}.friend-row{display:grid;grid-template-columns:28px minmax(0,1fr) max-content max-content;align-items:center;gap:8px;min-height:48px;border:1px solid #282c31;border-radius:8px;padding:8px;background:#1d2025}.friend-row strong,.friend-row span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-row span{color:#aeb7c2;font-size:12px}.notice-bar{padding:10px 18px;border-bottom:1px solid #4a3b22;background:#2c2416;color:#ffd58a}.notice-action{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border-top:0;border-right:0;border-left:0;text-align:left;cursor:pointer}.notice-action span{flex:0 0 auto;color:#58d7c0;font-size:12px;font-weight:700}.permission-help{display:grid;gap:14px;padding:18px}.permission-help p,.permission-help ol{margin:0;color:#dfe5eb}.permission-help ol{padding-left:22px}.permission-help li{margin:8px 0;line-height:1.4}.current-user strong,.member-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.current-user span,.member-row span{display:block;overflow:hidden;color:#d9e5ef;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.section-title,.eyebrow{color:#e4eef7;font-size:12px;text-transform:uppercase;letter-spacing:0;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.7)}.section-title{display:flex;align-items:center;gap:8px;margin-bottom:8px}.space,.room,.new-space{display:flex;align-items:center;gap:8px;width:100%;min-height:38px;padding:8px 10px;border:0;border-radius:6px;background:#03050738;color:#fbfdff;text-align:left;text-shadow:0 2px 4px rgba(0,0,0,.86),0 0 8px rgba(0,0,0,.62);cursor:pointer}.space:hover,.room:hover,.new-space:hover,.space.active,.room.active{background:linear-gradient(180deg,#ecf2f633,#394048a3),var(--metal-silver) center / 420px auto;box-shadow:inset 0 1px #ffffff38,inset 0 -10px 18px #00000047}.new-space{margin-top:8px;color:#75ffe6}.empty{margin:8px 0;color:#d5e0ea;font-size:13px}.room-list h1,.conversation-header h2{margin:4px 0 0;color:#fff;text-shadow:0 3px 6px rgba(0,0,0,.92),0 0 12px rgba(0,0,0,.74)}.rooms{margin-top:24px}.room-create-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.room-row{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:6px;margin-bottom:6px}.room-row[draggable=true]{cursor:grab}.room-row.dragging{opacity:.55}.space-section-button{display:inline-flex;align-items:center;gap:8px;width:100%;border:0;border-radius:6px;padding:10px 9px;background:transparent;color:#d9e5ef;text-align:left;cursor:pointer}.space-section-button.active,.space-section-button:hover{background:#ffffff1a;color:#fff}.direct-room-list{display:grid;gap:6px}.direct-room{width:100%}.room-row .room{min-width:0}.room-row .room span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-edit-button{opacity:.76}.room-row:hover .room-edit-button,.room-edit-button:focus-visible{opacity:1}.space-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;border-radius:10px;padding:8px;background:linear-gradient(180deg,#03050757,#0305071f)}.space-heading-actions{display:flex;gap:6px}.space-description{margin:8px 0 0;color:#dbe7f0;font-size:13px;line-height:1.4}.member-panel{display:grid;gap:10px}.members-header{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:start;gap:10px;margin-bottom:8px}.members-header>div,.conversation-header>div{border-radius:10px;padding:6px 8px;background:linear-gradient(180deg,#03050757,#0305071f)}.members-header h2{margin:0;font-size:20px}.member-row{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;border-radius:8px;padding:8px;background:#0305072e}.member-row.with-role{grid-template-columns:28px minmax(0,1fr) 94px}.member-row select{min-width:0;height:32px;padding:0 6px;font-size:12px}.inline-action{margin-bottom:8px}.user-choice{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;width:100%;border:0;border-radius:6px;padding:10px;background:transparent;color:#eff2f5;text-align:left;cursor:pointer}.user-choice:hover{background:#2d333a}.user-choice strong,.user-choice small{display:block}.user-choice small{color:#aeb7c2}.conversation{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;min-width:0;background:linear-gradient(180deg,#e0e6ea21,#111418e0),var(--metal-silver) center / 720px auto;box-shadow:inset 14px 0 32px #00000047,inset -14px 0 32px #00000047}.conversation-header,.composer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid rgba(86,96,108,.5);background:linear-gradient(180deg,#e2e8ec33,#22272eeb),var(--metal-silver) center / 540px auto;box-shadow:inset 0 1px #fff3,0 1px #000000b8}.header-actions,.composer{display:flex}.icon-button,.send-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #343a42;border-radius:6px;background:#22262c;color:#eff2f5;cursor:pointer}.icon-button.active,.send-button{background:#00a88f;color:#071311;border-color:#00a88f}.icon-button.danger{border-color:#ff58747a;background:#4b2029;color:#ffd3da}.icon-button:disabled,.send-button:disabled{opacity:.45;cursor:not-allowed}.icon-button.compact{width:32px;height:32px}.call-stage{position:relative;display:grid;grid-template-columns:1fr 240px;gap:12px;padding:14px 18px;border-bottom:1px solid #282c31;background:#121417}.call-quality-panel{position:absolute;top:10px;left:12px;z-index:24;display:flex;flex-wrap:wrap;gap:6px;max-width:min(760px,calc(100% - 24px));padding:6px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#050709a3;color:#eef7f6;font-size:11px;line-height:1;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.call-quality-panel span{display:inline-flex;align-items:center;min-height:20px;border-radius:999px;padding:4px 7px;background:#ffffff14;white-space:nowrap}.quality-route{font-weight:900;letter-spacing:0}.quality-route.direct{background:#00d6bd38;color:#78fff0}.quality-route.relay{background:#ffbe5738;color:#ffd086}.quality-route.unknown{background:#ffffff1a;color:#cfd5da}.call-stage.video-call{grid-template-columns:1fr}.video-call-active .header-actions,.mobile-chat-toggle,.mobile-rooms-toggle,.call-chat-overlay,.switch-camera-button{display:none}.incoming-call{display:flex;align-items:center;gap:10px;padding:10px 18px;border-bottom:1px solid #2d403b;background:#10201d;color:#eff2f5}.incoming-call span{flex:1;min-width:0;font-weight:700}.incoming-call button{height:34px;border:1px solid #343a42;border-radius:6px;padding:0 12px;background:#22262c;color:#eff2f5;cursor:pointer}.incoming-call button:first-of-type{border-color:#00a88f;background:#00a88f;color:#071311;font-weight:700}.global-call-toast{position:fixed;top:max(18px,env(safe-area-inset-top));right:18px;z-index:120;display:grid;grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:10px;width:min(520px,calc(100vw - 36px));border:1px solid rgba(0,214,189,.36);border-radius:10px;padding:12px;background:#121417f5;box-shadow:0 18px 50px #00000073}.global-call-toast span{display:block;color:#8df2dc;font-size:12px;text-transform:uppercase}.global-call-toast strong{display:block;margin-top:2px;color:#eff2f5}.global-call-toast button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;border:1px solid #343a42;border-radius:7px;padding:0 12px;background:#22262c;color:#eff2f5;cursor:pointer}.global-call-toast .accept{border-color:#00a88f;background:#00a88f;color:#071311;font-weight:800}.video-tile{--rim-size: 10px;position:relative;display:grid;place-items:center;overflow:hidden;min-height:130px;border:1px solid var(--metal-border);border-radius:14px;padding:var(--rim-size);background:linear-gradient(180deg,#ebf1f53d,#525961b8),var(--metal-silver) center / 460px auto;color:#aeb7c2;box-shadow:var(--rim-shadow)}.video-tile:before{content:"";position:absolute;inset:var(--rim-size);border-radius:max(4px,calc(14px - var(--rim-size)));background:linear-gradient(180deg,#0a0c0efa,#000000fa),var(--metal-recessed) center / 520px auto;box-shadow:var(--well-shadow);pointer-events:none}.video-tile:after,.call-canvas:after,.group-media-viewer:after,.message-list:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;z-index:2;border-radius:inherit;background:radial-gradient(circle at 18px 18px,rgba(255,255,255,.82) 0 2px,rgba(113,121,128,.95) 3px 6px,rgba(0,0,0,.72) 7px,transparent 8px),radial-gradient(circle at calc(100% - 18px) 18px,rgba(255,255,255,.82) 0 2px,rgba(113,121,128,.95) 3px 6px,rgba(0,0,0,.72) 7px,transparent 8px),radial-gradient(circle at 18px calc(100% - 18px),rgba(255,255,255,.72) 0 2px,rgba(105,113,120,.95) 3px 6px,rgba(0,0,0,.7) 7px,transparent 8px),radial-gradient(circle at calc(100% - 18px) calc(100% - 18px),rgba(255,255,255,.72) 0 2px,rgba(105,113,120,.95) 3px 6px,rgba(0,0,0,.7) 7px,transparent 8px);pointer-events:none}.video-tile>*{position:relative;z-index:1}.video-tile.primary{min-height:180px;color:#eff2f5}.call-canvas{--rim-size: 18px;position:relative;overflow:hidden;min-height:clamp(260px,34vh,520px);border:1px solid var(--metal-border);border-radius:20px;padding:var(--rim-size);background:linear-gradient(180deg,#ebf1f547,#4a525bc7),var(--metal-silver) center / 600px auto;box-shadow:var(--rim-shadow)}.call-canvas:before{content:"";position:absolute;inset:var(--rim-size);border-radius:12px;background:linear-gradient(180deg,#07090bfa,#000000fa),var(--metal-recessed) center / 680px auto;box-shadow:var(--well-shadow);pointer-events:none}.call-video-layer{position:absolute;z-index:1}.call-video-layer.primary{inset:var(--rim-size);width:auto;height:auto;min-height:0;border:0;border-radius:12px}.call-video-layer.primary video{object-fit:contain;background:#000}.screen-share-view,.remote-video-tile.call-video-layer.primary{background:#000}.screen-share-view .call-video-layer.primary video{object-fit:contain;background:#000}.call-canvas:fullscreen{--rim-size: 0px;width:100vw;height:100vh;padding:0;border:0;border-radius:0;background:#000;box-shadow:none}.call-canvas:fullscreen:before,.call-canvas:fullscreen:after,.group-media-viewer:fullscreen:before,.group-media-viewer:fullscreen:after{display:none}.call-canvas:fullscreen .call-video-layer.primary video{object-fit:contain;background:#000}.call-canvas:fullscreen .call-controls-overlay{bottom:calc(env(safe-area-inset-bottom) + 18px)}.remote-video-tile{cursor:pointer;min-height:clamp(220px,30vh,420px)}.self-preview{--rim-size: 6px;position:absolute;right:12px;bottom:12px;z-index:8;width:clamp(88px,12vw,146px);min-height:0;aspect-ratio:16 / 10;border:2px solid #20262d;box-shadow:0 12px 32px #0000006b;background:#17191d;cursor:grab;touch-action:none}.self-preview:active{cursor:grabbing}.self-preview.corner-top-left{top:12px;right:auto;bottom:auto;left:12px}.self-preview.corner-top-right{top:12px;right:12px;bottom:auto;left:auto}.self-preview.corner-bottom-left{top:auto;right:auto;bottom:76px;left:12px}.self-preview.corner-bottom-right{top:auto;right:12px;bottom:76px;left:auto}.self-preview video{min-height:0}.self-preview span{left:7px;bottom:7px;max-width:calc(100% - 14px);overflow:hidden;padding:4px 6px;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.call-chat-overlay{position:absolute;left:12px;bottom:76px;z-index:6;width:min(360px,calc(100% - 260px));max-height:150px;overflow-y:auto;border:1px solid rgba(141,242,220,.16);border-radius:8px;padding:8px 10px;background:#080a0c47;color:#eff2f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);scrollbar-width:thin}.call-chat-overlay p{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px;margin:0 0 5px;font-size:12px;line-height:1.25}.call-chat-overlay p:last-child{margin-bottom:0}.call-chat-overlay strong,.call-chat-overlay span{position:static;overflow:hidden;border-radius:0;padding:0;background:transparent;color:inherit;font-size:inherit;text-overflow:ellipsis;white-space:nowrap}.call-chat-overlay strong{color:#8df2dc}.call-reactions-overlay{position:absolute;top:50%;right:14px;z-index:28;display:grid;gap:8px;transform:translateY(-50%)}.call-reactions-overlay button{display:grid;grid-template-columns:28px minmax(20px,auto);align-items:center;gap:5px;min-width:62px;min-height:36px;border:1px solid rgba(141,242,220,.24);border-radius:999px;padding:4px 8px 4px 6px;background:#080a0c7a;color:#eff2f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.call-reactions-overlay button span{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#ffffff1a;font-size:17px}.call-reactions-overlay button b{min-width:18px;color:#8df2dc;font-size:12px;text-align:center}.floating-call-reactions{pointer-events:none;position:absolute;top:50%;right:70px;z-index:35}.floating-call-reactions span{position:absolute;right:0;bottom:0;font-size:34px;filter:drop-shadow(0 5px 14px rgba(0,0,0,.45));animation:call-reaction-float 1.4s ease-out forwards}@keyframes call-reaction-float{0%{opacity:0;transform:translate3d(0,18px,0) scale(.75)}16%{opacity:1}to{opacity:0;transform:translate3d(-16px,-120px,0) scale(1.28)}}.hidden-video{opacity:0}.call-avatar-fallback{display:grid;place-items:center;width:min(144px,34vw);height:min(144px,34vw);border-radius:999px;background:radial-gradient(circle at 35% 25%,#343b45,#15191f);box-shadow:0 18px 50px #0006}.call-avatar-fallback .avatar{width:min(120px,28vw);height:min(120px,28vw);font-size:42px}.call-controls-overlay{position:absolute;left:50%;bottom:14px;z-index:20;display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:calc(100% - 24px);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px;background:#0d0f12c7;box-shadow:0 16px 40px #0000006b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translate(-50%);transition:opacity .16s ease,transform .16s ease}.call-controls-overlay.hidden{pointer-events:none;opacity:0;transform:translate(-50%,10px)}.call-controls-overlay .icon-button{width:48px;height:48px;border-radius:50%;border-color:#ffffff3d;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.22),transparent 34%),linear-gradient(145deg,#2d333b,#11151a);box-shadow:inset 0 2px 2px #ffffff29,inset 0 -7px 12px #00000075,0 8px 18px #0000006b}.call-controls-overlay .icon-button.active{background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.35),transparent 34%),linear-gradient(145deg,#18d8bd,#007e6d);color:#041615}.call-controls-overlay .icon-button.danger{background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.22),transparent 34%),linear-gradient(145deg,#bc3347,#5a1824);color:#fff2f4}.call-volume-control{display:inline-flex;align-items:center;gap:6px;min-height:42px;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:0 10px;background:radial-gradient(circle at 28% 24%,rgba(255,255,255,.18),transparent 34%),linear-gradient(145deg,#2d333bf0,#0d1116f0);color:#d8e6ec;box-shadow:inset 0 1px 2px #ffffff24,inset 0 -6px 10px #00000057,0 8px 18px #00000057}.call-volume-control input{width:86px;accent-color:#18d8bd}.video-tile video{width:100%;height:100%;min-height:inherit;object-fit:cover;border-radius:max(4px,calc(14px - var(--rim-size)));background:#000}.video-tile span{position:absolute;left:calc(var(--rim-size) + 10px);bottom:calc(var(--rim-size) + 10px);border-radius:6px;padding:5px 8px;background:#00000094;color:#eff2f5;font-size:12px}.compact-call{display:flex;align-items:center;gap:8px;padding:8px 18px}.compact-call .video-tile{display:inline-flex;align-items:center;min-height:34px;width:auto;border-radius:6px;padding:0 10px;background:#1d2025}.compact-call .video-tile.primary{min-height:34px;color:#eff2f5}.compact-call .video-tile video{display:none}.compact-call .video-tile span{position:static;padding:0;background:transparent;color:#cbd3dc}.group-join-stage,.group-call-stage{display:grid;place-items:center;min-height:280px;border-bottom:1px solid #282c31;padding:28px;background:radial-gradient(circle at center,#252b3457,#050709f5 68%),var(--metal-recessed) center / 760px auto}.group-join-stage{gap:18px;text-align:center}.group-join-stage h3,.group-join-stage p{margin:0}.group-join-stage p{color:#aeb7c2}.group-call-active .message-list,.group-call-active .typing-line,.group-call-active .composer{display:none}.group-call-stage{position:relative;flex:1 1 auto;align-content:center;gap:22px;min-height:0;overflow:hidden}.group-media-viewer{--rim-size: 18px;position:relative;width:min(980px,100%);height:min(620px,calc(100% - 112px));min-height:240px;overflow:hidden;border:1px solid var(--metal-border);border-radius:20px;padding:var(--rim-size);background:linear-gradient(180deg,#ebf1f547,#4a525bc7),var(--metal-silver) center / 600px auto;box-shadow:var(--rim-shadow)}.group-media-viewer:before{content:"";position:absolute;inset:var(--rim-size);border-radius:12px;background:linear-gradient(180deg,#07090bfa,#000000fa),var(--metal-recessed) center / 680px auto;box-shadow:var(--well-shadow);pointer-events:none}.group-media-viewer:fullscreen{--rim-size: 0px;width:100vw;height:100vh;padding:0;border:0;border-radius:0;background:#000;box-shadow:none}.group-media-viewer .video-tile{position:relative;z-index:1;width:100%;height:calc(100% - (var(--rim-size) * 2));min-height:0;border:0;border-radius:12px;padding:0;background:#000;box-shadow:inset 0 12px 28px #00000085}.group-media-viewer video{width:100%;height:100%;object-fit:contain;background:#000}.group-call-stage.media-expanded .group-call-participants{display:none}.group-call-stage.media-expanded{place-items:stretch}.group-call-stage.media-expanded .group-media-viewer{justify-self:center;align-self:stretch;width:min(1180px,calc(100% - 32px));height:calc(100% - 118px)}.group-media-actions{position:absolute;top:12px;right:12px;z-index:4;display:flex;gap:8px}.group-media-waiting{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;align-content:center;gap:8px;background:radial-gradient(circle at center,#22262ceb,#000000f5);color:#eff2f5}.group-media-waiting .avatar{width:84px;height:84px;border-radius:999px;font-size:30px}.group-media-waiting span{position:static;background:transparent;color:#aeb7c2}.group-call-participants{display:grid;grid-template-columns:repeat(var(--tile-columns, 3),minmax(120px,1fr));grid-auto-rows:minmax(110px,1fr);place-content:center;gap:14px;width:min(980px,100%);min-height:min(620px,calc(100% - 112px));padding-bottom:86px}.group-call-tile{position:relative;display:grid;min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(120,132,145,.34);border-radius:16px;padding:0;background:radial-gradient(circle at center,#464e5a6b,#080a0df5 66%),#11151a;color:#eff2f5;cursor:pointer;box-shadow:inset 0 1px #ffffff14,0 18px 38px #0000003d}.group-call-tile.selected{border-color:#00d6bd8f;box-shadow:inset 0 0 0 2px #00d6bd5c,0 0 34px #00d6bd29}.group-call-tile .avatar{width:min(104px,34%);height:auto;aspect-ratio:1;border-radius:999px;font-size:36px;box-shadow:0 0 #00d6bd00;transition:box-shadow .14s ease}.group-call-tile.speaking .avatar{box-shadow:0 0 0 4px #00d6bd52,0 0 24px #00d6bd47}.group-call-tile strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-tile-preview{display:grid;place-items:center;justify-self:center;align-self:center;width:min(104px,34%);min-width:76px;height:auto;min-height:0;aspect-ratio:1;overflow:hidden;border-radius:18px}.group-tile-preview.has-video{border:1px solid rgba(255,255,255,.14);background:#000;box-shadow:0 14px 34px #00000057}.group-tile-preview video{width:100%;height:100%;object-fit:cover;background:#000}.group-tile-badge,.group-tile-footer{position:absolute;left:10px;right:10px;z-index:2}.group-tile-badge{top:10px;width:max-content;max-width:calc(100% - 20px);border-radius:999px;padding:5px 9px;background:#00000094;color:#dce5ed;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-tile-footer{bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:10px;padding:8px 10px;background:linear-gradient(180deg,#0000002e,#000000b8)}.voice-state-icons{display:inline-flex;justify-content:center;gap:4px;min-height:16px;color:#ffb6c0}.voice-moderation-actions{display:inline-flex;justify-content:center;gap:5px}.voice-moderation-actions button{display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:#090c10b8;color:#dfe7ee;cursor:pointer}.voice-moderation-actions button:hover{border-color:#ff748880;color:#ffb6c0}.group-controls{bottom:18px}.group-audio-sinks{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.fullscreen-exit-button{position:absolute;top:calc(env(safe-area-inset-top) + 14px);right:calc(env(safe-area-inset-right) + 14px);z-index:30;display:inline-flex;align-items:center;gap:8px;min-height:38px;border:1px solid rgba(141,242,220,.58);border-radius:999px;padding:0 14px;background:#03080ac7;color:#8df2dc;font-weight:800;box-shadow:0 12px 28px #0000006b,inset 0 1px #ffffff29;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.message-list{--rim-size: 18px;flex:1 1 auto;min-height:0;overflow-y:auto;margin:14px 18px 10px;padding:12px;border:var(--rim-size) solid transparent;border-radius:22px;background:radial-gradient(circle at 18px 18px,rgba(255,255,255,.82) 0 2px,rgba(113,121,128,.95) 3px 6px,rgba(0,0,0,.72) 7px,transparent 8px) border-box,radial-gradient(circle at calc(100% - 18px) 18px,rgba(255,255,255,.82) 0 2px,rgba(113,121,128,.95) 3px 6px,rgba(0,0,0,.72) 7px,transparent 8px) border-box,radial-gradient(circle at 18px calc(100% - 18px),rgba(255,255,255,.72) 0 2px,rgba(105,113,120,.95) 3px 6px,rgba(0,0,0,.7) 7px,transparent 8px) border-box,radial-gradient(circle at calc(100% - 18px) calc(100% - 18px),rgba(255,255,255,.72) 0 2px,rgba(105,113,120,.95) 3px 6px,rgba(0,0,0,.7) 7px,transparent 8px) border-box,linear-gradient(180deg,#07090bfa,#010203fa) padding-box,linear-gradient(180deg,#ebf1f54d,#4a525bc7) border-box,var(--metal-silver) center / 620px auto border-box;background-clip:border-box,border-box,border-box,border-box,padding-box,border-box,border-box;box-shadow:var(--rim-shadow)}.message-list:before{display:none}.message-list:after{display:none}.message-list>*{position:relative}.message{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;margin-bottom:18px}.avatar{display:grid;place-items:center;overflow:hidden;flex:0 0 auto;width:36px;height:36px;border-radius:8px;background:#5965f3;font-weight:700}.avatar img{width:100%;height:100%;object-fit:cover}.image-avatar{background:#22262c}.avatar.small{width:28px;height:28px;border-radius:6px;font-size:13px}.avatar-preview{width:72px;height:72px;border-radius:10px;font-size:28px}.avatar-editor{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.file-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid #343a42;border-radius:6px;padding:0 12px;background:#22262c;color:#eff2f5;font-weight:700;cursor:pointer}.file-button input,.mobile-nav{display:none}.message-meta{display:flex;align-items:baseline;gap:10px}.message-meta span{color:#747f8b;font-size:12px}.message p{margin:4px 0 0;color:#dfe5eb}.deleted-message{opacity:.72}.muted-text,.edited-mark,.read-mark,.typing-line{color:#747f8b;font-size:12px}.edited-mark{margin-left:6px}.reply-preview{display:block;max-width:520px;margin:4px 0 6px;border:0;border-left:3px solid #00a88f;border-radius:4px;padding:6px 8px;background:#22262c;color:#cbd3dc;text-align:left;cursor:pointer}.message-actions,.reaction-bar{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.message-actions button,.reaction-bar button{display:inline-grid;place-items:center;min-width:28px;height:26px;border:1px solid #343a42;border-radius:6px;background:#22262c;color:#eff2f5;cursor:pointer}.message-actions .message-reaction-button{min-width:30px;padding:0 6px;font-size:15px;line-height:1}.typing-line{padding:0 18px 8px}.attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.attachments a,.file-attachment-link{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:7px 9px;border-radius:6px;background:#262b31;color:#58d7c0;text-decoration:none}.media-preview{display:grid;gap:6px}.attachment-preview-stack{display:grid;justify-items:start;gap:8px}.media-preview-button{border:0;padding:0;color:#58d7c0;text-align:left;background:transparent;cursor:pointer}.media-preview img,.media-preview video{max-width:min(360px,100%);max-height:240px;border-radius:8px;background:#0d0f12}.media-preview-button:hover img,.media-preview-button:hover video{outline:2px solid rgba(88,215,192,.56)}.voice-record-button.recording{color:#fff;background:linear-gradient(180deg,#ff5b67,#9f1f2f);box-shadow:0 0 0 1px #ff869459,0 0 18px #ff475b5c}.video-message-record-button.recording{color:#071110;background:linear-gradient(180deg,#8ffff1,#00a88f);box-shadow:0 0 0 1px #84ffed61,0 0 18px #00d6bd57}.recording-panel{display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;border:1px solid rgba(88,215,192,.28);border-radius:12px;color:#effffb;background:linear-gradient(135deg,#00d6bd29,#13171df0);box-shadow:inset 0 1px #ffffff14,0 10px 24px #0000003d}.recording-dot{width:10px;height:10px;border-radius:999px;background:#ff4d5f;box-shadow:0 0 12px #ff4d5fcc;animation:recordingPulse 1s ease-in-out infinite}.recording-wave{display:flex;align-items:center;gap:3px;flex:1;min-width:120px;height:30px}.recording-wave span{width:3px;min-height:7px;border-radius:999px;background:#a1b1be57}.recording-wave span.filled{background:linear-gradient(180deg,#affff4,#00d6bd);box-shadow:0 0 8px #00d6bd5c}.recording-time{min-width:44px;color:#8fffea;font-weight:800;text-align:right}.video-recording-panel,.video-processing-panel{justify-content:center}.video-processing-panel>div:last-child{display:grid;gap:2px}.video-processing-panel>div:last-child span{color:#9ba8b4;font-size:12px}.video-message-processing-circle{display:grid;place-items:center;width:68px;height:68px;border-radius:999px;color:#061311;background:radial-gradient(circle at 34% 28%,#c8fff7,#00d6bd 48%,#075d54 78%),conic-gradient(from 0deg,#00d6bd,#8f7cff,#00d6bd);box-shadow:0 0 20px #00d6bd52;animation:recordingPulse 1s ease-in-out infinite}.video-recording-panel>div:last-child{display:grid;gap:2px}.video-recording-panel>div:last-child span{color:#8fffea;font-size:12px}.video-message-live-preview{--recording-progress: 0deg;display:grid;place-items:center;width:86px;height:86px;padding:4px;border-radius:999px;background:conic-gradient(#00d6bd var(--recording-progress),rgba(94,105,117,.42) 0deg);box-shadow:0 0 18px #00d6bd3d}.video-message-live-preview video{width:100%;height:100%;border-radius:999px;object-fit:cover;background:#050607;transform:scaleX(-1)}@keyframes recordingPulse{0%,to{transform:scale(.82);opacity:.72}50%{transform:scale(1.15);opacity:1}}.voice-message{display:grid;grid-template-columns:40px minmax(160px,280px);align-items:center;gap:10px;max-width:min(360px,100%);border:1px solid rgba(88,215,192,.22);border-radius:12px;padding:9px 11px;background:linear-gradient(135deg,#00d6bd1f,#232931eb),#161b21;box-shadow:inset 0 1px #ffffff14,0 12px 24px #00000047}.voice-play-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(121,255,230,.42);border-radius:999px;color:#061311;background:radial-gradient(circle at 35% 25%,#9efff0,#00a88f 62%,#057062);cursor:pointer;box-shadow:inset 0 1px #ffffffa6,0 8px 18px #00000052}.voice-body{display:grid;gap:5px;min-width:0}.voice-wave{display:flex;align-items:center;gap:3px;height:32px}.voice-wave span{width:3px;min-height:7px;border-radius:999px;background:#a1b1be57;transition:background .12s ease,box-shadow .12s ease}.voice-wave span.filled{background:linear-gradient(180deg,#affff4,#00d6bd);box-shadow:0 0 8px #00d6bd57}.voice-progress{display:none;width:100%;accent-color:#00d6bd}.voice-progress.visible{display:block}.voice-meta{display:flex;justify-content:space-between;gap:10px;color:#9da8b4;font-size:12px}.voice-meta span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.missing-media{max-width:280px;border:1px solid rgba(88,215,192,.26);border-radius:8px;padding:10px 12px;background:#0d0f12d1;color:#dce6eb}.missing-media span{color:#9da8b4;font-size:13px}.media-viewer-backdrop{z-index:80}.media-viewer{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(1040px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border:1px solid rgba(208,218,224,.42);border-radius:10px;overflow:hidden;background:linear-gradient(180deg,#e2e8ec29,#14171bf2),var(--metal-silver) center / 560px auto;box-shadow:0 28px 80px #0000009e,inset 0 1px #ffffff38}.media-viewer header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.14);color:#f5f8fb}.media-viewer header strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-viewer-body{display:grid;place-items:center;min-height:180px;overflow:auto;padding:16px;background:#030507e0}.media-viewer-body img,.media-viewer-body video{max-width:100%;max-height:calc(100dvh - 128px);border-radius:8px;object-fit:contain;background:#000}.composer{border-top:1px solid #282c31;border-bottom:0;flex-wrap:wrap}.emoji-composer{position:relative;display:grid}.emoji-picker{position:absolute;left:0;bottom:calc(100% + 8px);z-index:35;display:grid;grid-template-columns:repeat(5,34px);gap:6px;border:1px solid #343a42;border-radius:8px;padding:8px;background:#15171bf5;box-shadow:0 18px 40px #00000052}.emoji-picker button{display:grid;place-items:center;width:34px;height:34px;border:1px solid transparent;border-radius:6px;background:#22262c;font-size:18px;cursor:pointer}.emoji-picker button:hover{border-color:#00d6bd;background:#2b3038}.composer-context{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:30px;border-left:3px solid #00a88f;border-radius:4px;padding:4px 8px;background:#22262c;color:#cbd3dc}.pending-attachments{display:flex;flex-wrap:wrap;gap:10px;width:100%}.pending-attachment{position:relative;max-width:min(360px,100%);border:1px solid #343a42;border-radius:8px;padding:8px;background:#1c2026}.pending-attachment:has(.voice-message),.voice-pending-attachment,.video-message-pending-attachment{width:min(360px,100%)}.video-message-player,.video-message-preview{position:relative;display:grid;place-items:center;width:190px;height:190px;max-width:100%;border:1px solid rgba(88,215,192,.24);border-radius:999px;overflow:hidden;padding:0;color:#effffb;background:radial-gradient(circle at 50% 40%,#58d7c014,#000000d1),#080a0c;cursor:pointer;box-shadow:inset 0 0 38px #0000008f,0 16px 34px #0000005c}.video-message-player video,.video-message-preview video{width:100%;height:100%;max-width:none;max-height:none;border-radius:999px;object-fit:cover}.video-message-player:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,transparent 56%,rgba(0,0,0,.62));pointer-events:none}.video-message-play{position:absolute;z-index:2;display:grid;place-items:center;width:44px;height:44px;border-radius:999px;color:#061311;background:radial-gradient(circle at 35% 25%,#9efff0,#00a88f 62%,#057062);box-shadow:inset 0 1px #ffffffa3,0 8px 18px #00000061}.video-message-play.playing{opacity:0;transform:scale(.92);transition:opacity .16s ease,transform .16s ease}.video-message-player:hover .video-message-play.playing{opacity:1;transform:scale(1)}.video-message-label{position:absolute;z-index:2;left:50%;bottom:22px;transform:translate(-50%);padding:4px 9px;border-radius:999px;color:#dffdf8;font-weight:800;background:#0000009e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;white-space:nowrap}.video-message-player:hover{outline:2px solid rgba(88,215,192,.56)}.pending-attachment .video-message-player video,.pending-attachment .video-message-preview video{max-width:none;max-height:none}.video-message-preview span{justify-self:center;margin-top:-36px;padding:4px 9px;border-radius:999px;color:#dffdf8;background:#00000094;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.pending-attachment .media-preview img,.pending-attachment .media-preview video{max-width:150px;max-height:110px}.pending-attachment .video-message-player,.pending-attachment .video-message-preview{width:190px;height:190px;max-width:min(190px,calc(100vw - 48px));max-height:none;aspect-ratio:1}.pending-attachment .video-message-player video,.pending-attachment .video-message-preview video{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}.pending-attachment>button{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:24px;height:24px;border:1px solid #343a42;border-radius:6px;background:#22262c;color:#eff2f5;cursor:pointer}.pending-uploading-label{position:absolute;left:50%;bottom:8px;z-index:3;transform:translate(-50%);padding:4px 9px;border-radius:999px;color:#061311;font-size:12px;font-weight:900;background:#8fffea;box-shadow:0 0 14px #00d6bd61;white-space:nowrap}.composer-context button{display:grid;place-items:center;border:0;background:transparent;color:#eff2f5;cursor:pointer}.composer input[type=text],.composer input:not([type]){flex:1;min-width:0;height:42px;border:1px solid #343a42;border-radius:6px;padding:0 12px;background:#22262c;color:#eff2f5}@media(max-width:900px){.auth-shell{justify-items:center;padding:18px;background-position:36% center}.auth-panel{width:min(460px,100%);min-height:auto;margin-right:0;border-radius:28px;background:radial-gradient(circle at 20% 10%,rgba(207,104,255,.26),transparent 36%),linear-gradient(160deg,#141668d6,#2c107ea8)}.app-shell{grid-template-columns:86px minmax(160px,30vw) minmax(0,1fr) 220px}.space-rail{padding:12px}.section-title span,.space,.new-space{font-size:12px}.call-stage{grid-template-columns:1fr}.self-preview{width:150px}}@media(max-width:680px){.app-shell{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden}.space-rail,.room-list,.conversation,.members-sidebar{display:none;min-height:0;max-height:none;border-right:0;overflow-y:auto}.mobile-view-spaces .space-rail,.mobile-view-rooms .room-list,.mobile-view-chat .conversation,.mobile-view-members .members-sidebar{display:block}.mobile-view-chat .conversation{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.mobile-view-chat .conversation.video-call-active{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;grid-template-rows:minmax(0,1fr);height:100dvh;background:#050607}.mobile-view-chat .conversation.video-call-active .conversation-header,.mobile-view-chat .conversation.video-call-active .message-list,.mobile-view-chat .conversation.video-call-active .typing-line,.mobile-view-chat .conversation.video-call-active .composer{display:none}.mobile-view-chat .conversation.video-call-active .call-stage{height:100dvh;border-bottom:0;padding:0}.mobile-view-chat .conversation.video-call-active .call-canvas{--rim-size: 0px;height:100dvh;min-height:100dvh;padding:0;border:0;border-radius:0;box-shadow:none}.mobile-view-chat .conversation.video-call-active~.mobile-nav{display:none}.group-call-chat-panel,.group-chat-toggle{display:none}.space-rail,.room-list,.members-sidebar{border-bottom:1px solid #282c31}.members-sidebar{border-left:0}.mobile-nav{position:relative;bottom:0;z-index:12;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:64px;height:calc(64px + env(safe-area-inset-bottom));border-top:1px solid #282c31;background:#15171b;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{display:grid;place-items:center;gap:3px;border:0;border-right:1px solid #282c31;background:transparent;color:#aeb7c2;font-size:11px;cursor:pointer}.mobile-nav button.active{color:#00d6bd;background:#1d2025}.conversation-header,.composer{padding:10px}.room-create-actions,.role-edit-row,.role-add-form{grid-template-columns:1fr}.space-heading-actions{flex-direction:column}.friends-panel{max-height:calc(100dvh - 32px)}.friends-content{padding:12px}.friend-row{grid-template-columns:28px minmax(0,1fr)}.friend-row .compact-action{grid-column:2;width:100%}.conversation-header{position:sticky;top:0;z-index:10;align-items:start}.conversation-header h2{font-size:18px}.header-actions{display:flex;flex-wrap:wrap;justify-content:end;gap:4px;max-width:244px}.header-actions .icon-button{width:36px;height:36px}.message-list{--rim-size: 12px;min-height:0;height:100%;margin:8px;padding:10px;border-width:var(--rim-size);overscroll-behavior:contain;position:relative;z-index:1}.incoming-call{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;padding:8px 10px}.incoming-call button{height:30px;padding:0 8px;font-size:12px}.global-call-toast{top:max(10px,env(safe-area-inset-top));right:10px;left:10px;grid-template-columns:1fr 1fr;width:auto}.global-call-toast>div{grid-column:1 / -1}.global-call-toast button{width:100%;min-height:42px}.notice-action{display:grid;gap:4px;padding:8px 10px}.notice-bar{position:sticky;top:0;z-index:30;max-height:110px;overflow-y:auto;border-top:1px solid #4a3b22;box-shadow:0 8px 18px #00000057;font-size:14px;line-height:1.35}.notice-action span{font-size:11px}.permission-help{padding:14px}.call-stage{grid-template-columns:1fr;gap:8px;padding:8px 10px}.remote-video-tile{min-height:220px}.self-preview{width:min(29vw,96px);border-width:1px}.self-preview.corner-top-left{top:calc(env(safe-area-inset-top) + 14px);right:auto;bottom:auto;left:10px}.self-preview.corner-top-right{top:calc(env(safe-area-inset-top) + 14px);right:10px;bottom:auto;left:auto}.self-preview.corner-bottom-left{top:auto;right:auto;bottom:calc(env(safe-area-inset-bottom) + 86px);left:10px}.self-preview.corner-bottom-right{top:auto;right:10px;bottom:calc(env(safe-area-inset-bottom) + 86px);left:auto}.mobile-chat-toggle,.mobile-rooms-toggle{display:inline-grid}.call-chat-overlay{display:grid;left:12px;right:auto;bottom:calc(env(safe-area-inset-bottom) + 112px);width:min(66vw,285px);max-height:178px;border-color:#00d6bd47;padding:10px 11px 12px;background:#04060833;box-shadow:inset 0 -18px 28px #00000038}.call-reactions-overlay{right:8px;gap:6px}.call-reactions-overlay button{grid-template-columns:26px minmax(18px,auto);min-width:56px;min-height:34px;padding:4px 7px 4px 5px}.call-reactions-overlay button span{width:26px;height:26px;font-size:16px}.floating-call-reactions{right:58px}.call-controls-overlay{bottom:calc(env(safe-area-inset-bottom) + 16px);z-index:30;gap:5px;max-width:calc(100% - 16px);padding:6px}.call-controls-overlay .icon-button{width:36px;height:36px}.call-volume-control{min-height:34px;padding:0 8px}.call-volume-control input{width:58px}.screen-share-view .call-video-layer.primary video{object-fit:contain}.call-chat-overlay p{grid-template-columns:1fr;gap:1px;margin-bottom:6px;color:#effffb;font-size:12px;text-shadow:0 1px 2px rgba(0,0,0,.85)}.call-chat-overlay strong{color:#00f0d4}.call-chat-overlay span{color:#fff;overflow:visible;text-overflow:clip;white-space:normal}.switch-camera-button{display:inline-grid}.call-avatar-fallback{width:132px;height:132px}.call-avatar-fallback .avatar{width:108px;height:108px;font-size:38px}.compact-call{display:grid;grid-template-columns:1fr 1fr}.compact-call .video-tile,.compact-call .video-tile.primary{min-height:30px;padding:0 8px}.compact-call .video-tile span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.composer{display:grid;grid-template-columns:42px 42px 42px 42px minmax(0,1fr) 42px;align-items:end;gap:8px;flex-wrap:nowrap;position:relative;bottom:auto;z-index:11;background:#15171b}.composer-context,.pending-attachments,.recording-panel{grid-column:1 / -1}.pending-attachments{display:flex;justify-content:flex-start;align-items:flex-end;max-width:100%;overflow:hidden}.composer input[type=text],.composer input:not([type]){width:100%;min-width:0}.composer .icon-button,.composer .send-button{width:42px;height:42px}.emoji-picker{left:-50px;grid-template-columns:repeat(5,32px)}.pending-attachment{flex:0 0 auto;max-width:min(152px,100%);padding:6px}.pending-attachment .media-preview img,.pending-attachment .media-preview video{max-width:104px;max-height:86px}.pending-attachment .video-message-player,.pending-attachment .video-message-preview{width:118px;height:118px;max-width:118px;max-height:none}.pending-attachment .video-message-preview video{max-width:none;max-height:none}.pending-attachment .video-message-player video{max-width:none;max-height:none}.voice-message{grid-template-columns:36px minmax(0,1fr);max-width:100%}.voice-play-button{width:34px;height:34px}}