:root{--ub-color-secondary-10:#eef1ff;--ub-color-secondary-20:#dfe5ff;--ub-color-secondary-30:#c6d1ff;--ub-color-secondary-40:#a8b9ff;--ub-color-secondary-50:#8499ff;--ub-color-secondary-60:#627aff;--ub-color-secondary-70:#4766ff;--ub-color-secondary-80:#385fff;--ub-color-secondary-90:#2d5bff;--ub-color-secondary-100:#244bd4;--ub-color-secondary-110:#1d3ead;--ub-color-secondary-120:#173185;--ub-color-secondary-130:#112461;--ub-color-secondary-140:#0b1840;--ub-color-tertiary-10:#fbf7ff;--ub-color-tertiary-20:#f3eaff;--ub-color-tertiary-30:#e8d8ff;--ub-color-tertiary-40:#d9c0ff;--ub-color-tertiary-50:#c5a2ff;--ub-color-tertiary-60:#ae83fc;--ub-color-tertiary-70:#965fea;--ub-color-tertiary-80:#8148d4;--ub-color-tertiary-90:#7139bc;--ub-color-tertiary-100:#5f2fa0;--ub-color-tertiary-110:#4d2682;--ub-color-tertiary-120:#3c1d63;--ub-color-tertiary-130:#2c1549;--ub-color-tertiary-140:#1d0d31;--ub-color-primary-10:#e9fbef;--ub-color-primary-20:#d7f6e1;--ub-color-primary-30:#c0efd0;--ub-color-primary-40:#9ee3b6;--ub-color-primary-50:#77d496;--ub-color-primary-60:#4ec477;--ub-color-primary-70:#29b35f;--ub-color-primary-80:#239f54;--ub-color-primary-90:#1f8f4d;--ub-color-primary-100:#19763f;--ub-color-primary-110:#145f34;--ub-color-primary-120:#0f4a28;--ub-color-primary-130:#0a361e;--ub-color-primary-140:#052414;--ub-color-cyan-10:#ecfeff;--ub-color-cyan-20:#cffafe;--ub-color-cyan-30:#a5f3fc;--ub-color-cyan-40:#67e8f9;--ub-color-cyan-50:#22d3ee;--ub-color-cyan-60:#06b6d4;--ub-color-cyan-70:#0891b2;--ub-color-cyan-80:#0e7490;--ub-color-cyan-90:#155e75;--ub-color-cyan-100:#164e63;--ub-color-cyan-110:#164152;--ub-color-cyan-120:#12343f;--ub-color-cyan-130:#0d252d;--ub-color-cyan-140:#08181e;--ub-color-green-10:#f0fdf4;--ub-color-green-20:#dcfce7;--ub-color-green-30:#bbf7d0;--ub-color-green-40:#86efac;--ub-color-green-50:#4ade80;--ub-color-green-60:#22c55e;--ub-color-green-70:#16a34a;--ub-color-green-80:#15803d;--ub-color-green-90:#166534;--ub-color-green-100:#14532d;--ub-color-green-110:#124725;--ub-color-green-120:#0f3b20;--ub-color-green-130:#0b2d18;--ub-color-green-140:#071f10;--ub-color-neutral-0:#fff;--ub-color-neutral-10:#f0f0f0;--ub-color-neutral-20:#e5e5e5;--ub-color-neutral-30:#d6d6d6;--ub-color-neutral-40:#c6c6c6;--ub-color-neutral-50:#b6b6b6;--ub-color-neutral-60:#a5a5a5;--ub-color-neutral-70:#969696;--ub-color-neutral-80:#888;--ub-color-neutral-90:#6f6f6f;--ub-color-neutral-100:#4a4a4a;--ub-color-neutral-110:#262626;--ub-color-neutral-120:#1a1a1a;--ub-color-neutral-130:#111;--ub-color-neutral-140:#0a0a0a;--ub-color-orange-10:#fff7ed;--ub-color-orange-20:#ffedd5;--ub-color-orange-30:#fed7aa;--ub-color-orange-40:#fdba74;--ub-color-orange-50:#fb923c;--ub-color-orange-60:#f97316;--ub-color-orange-70:#ea580c;--ub-color-orange-80:#c2410c;--ub-color-orange-90:#9a3412;--ub-color-orange-100:#7c2d12;--ub-color-orange-110:#68270f;--ub-color-orange-120:#54200c;--ub-color-orange-130:#401808;--ub-color-orange-140:#2b1005;--ub-color-red-10:#fef2f2;--ub-color-red-20:#fee2e2;--ub-color-red-30:#fecaca;--ub-color-red-40:#fca5a5;--ub-color-red-50:#fb8989;--ub-color-red-60:#f87171;--ub-color-red-70:#ef4444;--ub-color-red-80:#e2333d;--ub-color-red-90:#dc2626;--ub-color-red-100:#c92731;--ub-color-red-110:#b91c1c;--ub-color-red-120:#991b1b;--ub-color-red-130:#7f1d1d;--ub-color-red-140:#450a0a;--ub-color-violet-10:#faf5ff;--ub-color-violet-20:#f3e8ff;--ub-color-violet-30:#e9d5ff;--ub-color-violet-40:#d8b4fe;--ub-color-violet-50:#c084fc;--ub-color-violet-60:#a855f7;--ub-color-violet-70:#9333ea;--ub-color-violet-80:#7e22ce;--ub-color-violet-90:#6b21a8;--ub-color-violet-100:#581c87;--ub-color-violet-110:#4a176f;--ub-color-violet-120:#3c1259;--ub-color-violet-130:#2e0d43;--ub-color-violet-140:#1f082d;--ub-color-secondary-alpha-0:#2d5bff00;--ub-color-secondary-alpha-2:#2d5bff05;--ub-color-secondary-alpha-4:#2d5bff0a;--ub-color-secondary-alpha-8:#2d5bff14;--ub-color-secondary-alpha-12:#2d5bff1f;--ub-color-secondary-alpha-16:#2d5bff29;--ub-color-secondary-alpha-24:#2d5bff3d;--ub-color-secondary-alpha-32:#2d5bff52;--ub-color-secondary-alpha-40:#2d5bff66;--ub-color-secondary-alpha-48:#2d5bff7a;--ub-color-secondary-alpha-56:#2d5bff8f;--ub-color-secondary-alpha-64:#2d5bffa3;--ub-color-secondary-alpha-72:#2d5bffb8;--ub-color-secondary-alpha-80:#2d5bffcc;--ub-color-secondary-alpha-88:#2d5bffe0;--ub-color-secondary-alpha-96:#2d5bfff5;--ub-color-black-alpha-0:#0a0a0a00;--ub-color-black-alpha-2:#0a0a0a05;--ub-color-black-alpha-4:#0a0a0a0a;--ub-color-black-alpha-8:#0a0a0a14;--ub-color-black-alpha-12:#0a0a0a1f;--ub-color-black-alpha-16:#0a0a0a29;--ub-color-black-alpha-24:#0a0a0a3d;--ub-color-black-alpha-32:#0a0a0a52;--ub-color-black-alpha-40:#0a0a0a66;--ub-color-black-alpha-48:#0a0a0a7a;--ub-color-black-alpha-56:#0a0a0a8f;--ub-color-black-alpha-64:#0a0a0aa3;--ub-color-black-alpha-72:#0a0a0ab8;--ub-color-black-alpha-80:#0a0a0acc;--ub-color-black-alpha-88:#0a0a0ae0;--ub-color-black-alpha-96:#0a0a0af5;--ub-color-tertiary-alpha-0:#7139bc00;--ub-color-tertiary-alpha-2:#7139bc05;--ub-color-tertiary-alpha-4:#7139bc0a;--ub-color-tertiary-alpha-8:#7139bc14;--ub-color-tertiary-alpha-12:#7139bc1f;--ub-color-tertiary-alpha-16:#7139bc29;--ub-color-tertiary-alpha-24:#7139bc3d;--ub-color-tertiary-alpha-32:#7139bc52;--ub-color-tertiary-alpha-40:#7139bc66;--ub-color-tertiary-alpha-48:#7139bc7a;--ub-color-tertiary-alpha-56:#7139bc8f;--ub-color-tertiary-alpha-64:#7139bca3;--ub-color-tertiary-alpha-72:#7139bcb8;--ub-color-tertiary-alpha-80:#7139bccc;--ub-color-tertiary-alpha-88:#7139bce0;--ub-color-tertiary-alpha-96:#7139bcf5;--ub-color-cyan-alpha-0:#06b6d400;--ub-color-cyan-alpha-2:#06b6d405;--ub-color-cyan-alpha-4:#06b6d40a;--ub-color-cyan-alpha-8:#06b6d414;--ub-color-cyan-alpha-12:#06b6d41f;--ub-color-cyan-alpha-16:#06b6d429;--ub-color-cyan-alpha-24:#06b6d43d;--ub-color-cyan-alpha-32:#06b6d452;--ub-color-cyan-alpha-40:#06b6d466;--ub-color-cyan-alpha-48:#06b6d47a;--ub-color-cyan-alpha-56:#06b6d48f;--ub-color-cyan-alpha-64:#06b6d4a3;--ub-color-cyan-alpha-72:#06b6d4b8;--ub-color-cyan-alpha-80:#06b6d4cc;--ub-color-cyan-alpha-88:#06b6d4e0;--ub-color-cyan-alpha-96:#06b6d4f5;--ub-color-primary-alpha-0:#29b35f00;--ub-color-primary-alpha-2:#29b35f05;--ub-color-primary-alpha-4:#29b35f0a;--ub-color-primary-alpha-8:#29b35f14;--ub-color-primary-alpha-12:#29b35f1f;--ub-color-primary-alpha-16:#29b35f29;--ub-color-primary-alpha-24:#29b35f3d;--ub-color-primary-alpha-32:#29b35f52;--ub-color-primary-alpha-40:#29b35f66;--ub-color-primary-alpha-48:#29b35f7a;--ub-color-primary-alpha-56:#29b35f8f;--ub-color-primary-alpha-64:#29b35fa3;--ub-color-primary-alpha-72:#29b35fb8;--ub-color-primary-alpha-80:#29b35fcc;--ub-color-primary-alpha-88:#29b35fe0;--ub-color-primary-alpha-96:#29b35ff5;--ub-color-green-alpha-0:#22c55e00;--ub-color-green-alpha-2:#22c55e05;--ub-color-green-alpha-4:#22c55e0a;--ub-color-green-alpha-8:#22c55e14;--ub-color-green-alpha-12:#22c55e1f;--ub-color-green-alpha-16:#22c55e29;--ub-color-green-alpha-24:#22c55e3d;--ub-color-green-alpha-32:#22c55e52;--ub-color-green-alpha-40:#22c55e66;--ub-color-green-alpha-48:#22c55e7a;--ub-color-green-alpha-56:#22c55e8f;--ub-color-green-alpha-64:#22c55ea3;--ub-color-green-alpha-72:#22c55eb8;--ub-color-green-alpha-80:#22c55ecc;--ub-color-green-alpha-88:#22c55ee0;--ub-color-green-alpha-96:#22c55ef5;--ub-color-orange-alpha-0:#f9731600;--ub-color-orange-alpha-2:#f9731605;--ub-color-orange-alpha-4:#f973160a;--ub-color-orange-alpha-8:#f9731614;--ub-color-orange-alpha-12:#f973161f;--ub-color-orange-alpha-16:#f9731629;--ub-color-orange-alpha-24:#f973163d;--ub-color-orange-alpha-32:#f9731652;--ub-color-orange-alpha-40:#f9731666;--ub-color-orange-alpha-48:#f973167a;--ub-color-orange-alpha-56:#f973168f;--ub-color-orange-alpha-64:#f97316a3;--ub-color-orange-alpha-72:#f97316b8;--ub-color-orange-alpha-80:#f97316cc;--ub-color-orange-alpha-88:#f97316e0;--ub-color-orange-alpha-96:#f97316f5;--ub-color-red-alpha-0:#dc262600;--ub-color-red-alpha-2:#dc262605;--ub-color-red-alpha-4:#dc26260a;--ub-color-red-alpha-8:#dc262614;--ub-color-red-alpha-12:#dc26261f;--ub-color-red-alpha-16:#dc262629;--ub-color-red-alpha-24:#dc26263d;--ub-color-red-alpha-32:#dc262652;--ub-color-red-alpha-40:#dc262666;--ub-color-red-alpha-48:#dc26267a;--ub-color-red-alpha-56:#dc26268f;--ub-color-red-alpha-64:#dc2626a3;--ub-color-red-alpha-72:#dc2626b8;--ub-color-red-alpha-80:#dc2626cc;--ub-color-red-alpha-88:#dc2626e0;--ub-color-red-alpha-96:#dc2626f5;--ub-color-violet-alpha-0:#a855f700;--ub-color-violet-alpha-2:#a855f705;--ub-color-violet-alpha-4:#a855f70a;--ub-color-violet-alpha-8:#a855f714;--ub-color-violet-alpha-12:#a855f71f;--ub-color-violet-alpha-16:#a855f729;--ub-color-violet-alpha-24:#a855f73d;--ub-color-violet-alpha-32:#a855f752;--ub-color-violet-alpha-40:#a855f766;--ub-color-violet-alpha-48:#a855f77a;--ub-color-violet-alpha-56:#a855f78f;--ub-color-violet-alpha-64:#a855f7a3;--ub-color-violet-alpha-72:#a855f7b8;--ub-color-violet-alpha-80:#a855f7cc;--ub-color-violet-alpha-88:#a855f7e0;--ub-color-violet-alpha-96:#a855f7f5;--ub-color-white-alpha-0:#fff0;--ub-color-white-alpha-2:#ffffff05;--ub-color-white-alpha-4:#ffffff0a;--ub-color-white-alpha-8:#ffffff14;--ub-color-white-alpha-12:#ffffff1f;--ub-color-white-alpha-16:#ffffff29;--ub-color-white-alpha-24:#ffffff3d;--ub-color-white-alpha-32:#ffffff52;--ub-color-white-alpha-40:#fff6;--ub-color-white-alpha-48:#ffffff7a;--ub-color-white-alpha-56:#ffffff8f;--ub-color-white-alpha-64:#ffffffa3;--ub-color-white-alpha-72:#ffffffb8;--ub-color-white-alpha-80:#fffc;--ub-color-white-alpha-88:#ffffffe0;--ub-color-white-alpha-96:#fffffff5;--ub-size-0:0rem;--ub-size-1:.125rem;--ub-size-2:.25rem;--ub-size-4:.5rem;--ub-size-5:.625rem;--ub-size-6:.75rem;--ub-size-7:.875rem;--ub-size-8:1rem;--ub-size-9:1.125rem;--ub-size-10:1.25rem;--ub-size-12:1.5rem;--ub-size-14:1.75rem;--ub-size-16:2rem;--ub-size-18:2.25rem;--ub-size-20:2.5rem;--ub-size-22:2.75rem;--ub-size-24:3rem;--ub-size-26:3.25rem;--ub-size-28:3.5rem;--ub-size-30:3.75rem;--ub-size-32:4rem;--ub-size-34:4.25rem;--ub-size-36:4.5rem;--ub-size-38:4.75rem;--ub-size-40:5rem;--ub-size-42:5.25rem;--ub-size-44:5.5rem;--ub-size-46:5.75rem;--ub-size-48:6rem;--ub-size-50:6.25rem;--ub-size-52:6.5rem;--ub-size-54:6.75rem;--ub-size-56:7rem;--ub-size-58:7.25rem;--ub-size-60:7.5rem;--ub-size-64:8rem;--ub-size-68:8.5rem;--ub-size-72:9rem;--ub-size-76:9.5rem;--ub-size-80:10rem;--ub-size-84:10.5rem;--ub-size-92:11.5rem;--ub-size-100:12.5rem;--ub-size-112:14rem;--ub-size-124:15.5rem;--ub-size-136:17rem;--ub-size-148:18.5rem;--ub-size-164:20.5rem;--ub-size-180:22.5rem;--ub-size-196:24.5rem;--ub-size-212:26.5rem;--ub-size-232:29rem;--ub-size-252:31.5rem;--ub-size-276:34.5rem;--ub-size-300:37.5rem;--ub-size-332:41.5rem;--ub-size-364:45.5rem;--ub-size-396:49.5rem;--ub-size-428:53.5rem;--ub-size-464:58rem;--ub-size-500:62.5rem;--ub-size-512:64rem;--ub-size-540:67.5rem;--ub-size-640:80rem;--ub-size-720:90rem;--ub-size-960:120rem;--ub-size-05:.0625rem;--ub-font-family:Noto Sans;--ub-font-weight-300:300;--ub-font-weight-400:400;--ub-font-weight-500:500;--ub-font-weight-600:600;--ub-font-weight-700:700}html,body,#root{height:100%;overflow:hidden}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(180deg, var(--ub-color-neutral-140) 0%, var(--ub-color-neutral-140) 36%, var(--ub-color-neutral-140) 100%);color:var(--ub-color-neutral-10);font-family:var(--ub-font-family), sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,button,.orbitron{font-family:var(--ub-font-family), sans-serif}a{color:inherit;text-decoration:none}.container{max-width:var(--ub-size-540)}.navbar{z-index:100;height:var(--ub-size-16);background:var(--ub-color-black-alpha-40);border-bottom:var(--ub-size-05) solid var(--ub-color-neutral-110);-webkit-backdrop-filter:blur(var(--ub-size-7));backdrop-filter:blur(var(--ub-size-7));position:sticky;top:0}.navbar--no-border{border-bottom-color:var(--ub-color-black-alpha-0)}.navbar-inner{height:100%;padding:0 var(--ub-size-12);justify-content:space-between;align-items:center;display:flex}.navbar-left{align-items:center;gap:var(--ub-size-5);min-width:0;display:flex}.navbar-logo{flex-shrink:0;align-items:center;display:flex}.navbar-logo img{height:var(--ub-size-12);width:auto}.navbar-group-title{width:100%;color:var(--ub-color-neutral-10);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-6);font-weight:var(--ub-font-weight-700);letter-spacing:.04em;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.navbar-links{gap:var(--ub-size-12);list-style:none;display:flex}.navbar-links a{color:var(--ub-color-neutral-80);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-6);font-weight:var(--ub-font-weight-700);letter-spacing:.08em;transition:color .15s}.navbar-links a:hover,.navbar-links a.active{color:var(--ub-color-primary-90);text-shadow:0 0 var(--ub-size-4) var(--ub-color-primary-alpha-32)}.btn{cursor:pointer;padding:var(--ub-size-5) var(--ub-size-12);border-radius:var(--ub-size-2);background:var(--ub-color-black-alpha-0);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-7);font-weight:var(--ub-font-weight-700);letter-spacing:.06em;transition:box-shadow .15s,background .15s,border-color .15s,color .15s}.btn-primary{border:var(--ub-size-1) solid var(--ub-color-primary-90);color:var(--ub-color-neutral-0);background:linear-gradient(135deg, var(--ub-color-primary-90) 0%, var(--ub-color-primary-70) 100%);box-shadow:0 0 var(--ub-size-8) var(--ub-color-primary-alpha-24)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--ub-color-primary-70) 0%, var(--ub-color-primary-60) 100%);box-shadow:0 0 var(--ub-size-12) var(--ub-color-primary-alpha-32)}.btn-secondary{border:var(--ub-size-1) solid var(--ub-color-neutral-110);color:var(--ub-color-neutral-80)}.btn-secondary:hover:not(:disabled){border-color:var(--ub-color-secondary-90);color:var(--ub-color-secondary-50)}.btn-danger{border:var(--ub-size-1) solid var(--ub-color-red-130);color:var(--ub-color-red-40);background:var(--ub-color-red-alpha-16)}.btn-danger:hover:not(:disabled){border-color:var(--ub-color-red-60);background:var(--ub-color-red-alpha-16);color:var(--ub-color-red-40)}.btn:disabled{cursor:not-allowed;opacity:.35}.panel{padding:var(--ub-size-10);background:linear-gradient(180deg, var(--ub-color-neutral-120) 0%, var(--ub-color-black-alpha-96) 100%);border:var(--ub-size-05) solid var(--ub-color-neutral-110);border-radius:var(--ub-size-4);box-shadow:0 var(--ub-size-9) var(--ub-size-20) var(--ub-color-black-alpha-24)}.app-shell{grid-template-columns:var(--ub-size-36) minmax(0, 1fr);height:calc(100vh - var(--ub-size-16));isolation:isolate;gap:0;min-height:0;display:grid;overflow:hidden}.app-shell:has(.app-sidebar--with-menu){grid-template-columns:calc(var(--ub-size-36) + var(--ub-size-112)) minmax(0, 1fr)}.app-sidebar{grid-template-columns:var(--ub-size-36);background:var(--ub-color-black-alpha-40);grid-template-rows:minmax(0,1fr);min-width:0;height:100%;min-height:0;display:grid;position:relative}.app-sidebar--with-menu{grid-template-columns:var(--ub-size-36) minmax(var(--ub-size-100), var(--ub-size-100))}.group-side-menu-target{grid-area:1/2;min-width:0;min-height:0}.group-side-menu-target>.group-side-menu{box-sizing:border-box;height:100%}.app-main{flex-direction:column;min-width:0;max-width:100%;min-height:0;display:flex;overflow:visible hidden}.app-main img,.app-main canvas{max-width:100%}.group-sidebar{z-index:1;align-self:start;gap:var(--ub-size-6);background:var(--ub-color-black-alpha-40);scrollbar-width:thin;scrollbar-color:var(--ub-color-white-alpha-24) var(--ub-color-black-alpha-0);border:0;border-radius:0;flex-direction:column;min-width:0;height:100%;padding:0;display:flex;position:relative;overflow-x:hidden}.group-sidebar::-webkit-scrollbar{width:var(--ub-size-2)}.group-sidebar-list::-webkit-scrollbar{width:var(--ub-size-2)}.group-sidebar::-webkit-scrollbar-track{background:var(--ub-color-black-alpha-0)}.group-sidebar-list::-webkit-scrollbar-track{background:var(--ub-color-black-alpha-0)}.group-sidebar::-webkit-scrollbar-thumb{background:var(--ub-color-white-alpha-24);border-radius:var(--ub-size-500)}.group-sidebar-list::-webkit-scrollbar-thumb{background:var(--ub-color-white-alpha-24);border-radius:var(--ub-size-500)}.group-sidebar-add{cursor:pointer;font-family:var(--ub-font-family), sans-serif;font-weight:var(--ub-font-weight-700);flex-shrink:0;justify-content:center;align-items:center;display:flex}.group-sidebar-list{gap:var(--ub-size-4);min-height:0;padding-bottom:var(--ub-size-32);scrollbar-width:thin;scrollbar-color:var(--ub-color-white-alpha-24) var(--ub-color-black-alpha-0);padding:var(--ub-size-6) var(--ub-size-4);flex-direction:column;align-items:center;display:flex;overflow-y:auto}.group-sidebar-item{justify-content:center;align-items:center;gap:var(--ub-size-6);width:var(--ub-size-24);min-width:0;height:var(--ub-size-24);color:var(--ub-color-neutral-80);border:0;border-radius:0;padding:0;transition:color .15s;display:flex}.group-sidebar-item:hover{color:var(--ub-color-neutral-10)}.group-sidebar-avatar{width:var(--ub-size-20);height:var(--ub-size-20);border:var(--ub-size-1) solid var(--ub-color-neutral-110);border-radius:var(--ub-size-5);background:var(--ub-color-neutral-120);color:var(--ub-color-primary-70);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-7);font-weight:var(--ub-font-weight-700);flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:flex}.group-sidebar-item:hover .group-sidebar-avatar,.group-sidebar-add:hover .group-sidebar-avatar{border-color:var(--ub-color-primary-90);background:var(--ub-color-primary-90);color:var(--ub-color-neutral-0)}.group-sidebar-copy{gap:var(--ub-size-1);flex-direction:column;min-width:0;display:none}.group-sidebar-name{color:var(--ub-color-neutral-10);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-6);font-weight:var(--ub-font-weight-700);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.group-sidebar-meta,.group-sidebar-empty{color:var(--ub-color-neutral-80);font-size:var(--ub-size-6)}.group-sidebar-empty{padding:var(--ub-size-4);text-align:center}.group-sidebar-add-wrap{flex-shrink:0;justify-content:center;display:flex;position:relative}.group-sidebar-add{width:var(--ub-size-24);height:var(--ub-size-24);gap:var(--ub-size-6);background:var(--ub-color-black-alpha-0);color:var(--ub-color-neutral-10);box-shadow:none;border:0;border-radius:0;justify-content:center;padding:0}.group-sidebar-add:hover{color:var(--ub-color-neutral-10);background:var(--ub-color-black-alpha-0)}.group-sidebar-add-avatar{border-color:var(--ub-color-primary-90);color:var(--ub-color-neutral-80)}.group-sidebar-avatar{border-color:var(--ub-color-neutral-110);color:var(--ub-color-neutral-80)}.group-sidebar-item .group-sidebar-avatar,.group-sidebar-item:hover .group-sidebar-avatar{border-color:var(--ub-color-primary-90);background:var(--ub-color-primary-90);color:var(--ub-color-neutral-0)}.group-sidebar-add-avatar{border-color:var(--ub-color-neutral-110);background:var(--ub-color-neutral-120);color:var(--ub-color-neutral-80)}@media (width<=780px){.app-shell{grid-template-columns:var(--ub-size-36) minmax(0, 1fr);height:calc(100vh - var(--ub-size-16));gap:0;min-height:0;padding:0;display:grid;overflow:hidden}.app-main{flex-direction:column;min-width:0;display:flex;overflow:hidden}.group-sidebar{z-index:50;border-radius:0;flex-direction:column;align-items:stretch;height:100%;padding:0;position:relative;top:auto}.group-sidebar-list{padding:var(--ub-size-6) var(--ub-size-4);flex-direction:column;flex:1;align-items:center;overflow:hidden auto}.group-sidebar-item{width:var(--ub-size-24);height:var(--ub-size-24);flex-shrink:0;justify-content:center;padding:0}.group-sidebar-add-wrap{flex-shrink:0;justify-content:center}.group-sidebar-add{width:var(--ub-size-24);height:var(--ub-size-24);justify-content:center;padding:0}.home-dashboard{min-height:calc(100vh - var(--ub-size-16) - var(--ub-size-56))}}.home{padding-top:var(--ub-size-48);padding-bottom:var(--ub-size-48);text-align:center}.home-dashboard{min-height:calc(100vh - var(--ub-size-16) - var(--ub-size-24));padding:var(--ub-size-16) var(--ub-size-8);flex-direction:column;justify-content:center;align-items:center;display:flex}.home-wordmark{width:min(100%, var(--ub-size-232));height:auto;margin:0 auto;display:block}.home-signature{margin-top:var(--ub-size-6);color:var(--ub-color-primary-90);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-7);font-weight:var(--ub-font-weight-700);letter-spacing:.22em;text-transform:uppercase}.home-tagline{margin-top:var(--ub-size-8);color:var(--ub-color-neutral-10);font-family:var(--ub-font-family), sans-serif;font-size:clamp(var(--ub-size-7), 2.5vw, var(--ub-size-10));font-weight:var(--ub-font-weight-700);letter-spacing:.1em;text-transform:uppercase}.home-description{max-width:var(--ub-size-276);margin:var(--ub-size-16) auto 0;color:var(--ub-color-neutral-80);font-size:var(--ub-size-9);line-height:1.6}.home-cta{align-items:center;gap:var(--ub-size-8);margin-top:var(--ub-size-24);flex-direction:column;display:flex}.home-cta .btn-primary{padding:var(--ub-size-7) var(--ub-size-20);font-size:var(--ub-size-8)}.home-badge{color:var(--ub-color-neutral-50);font-size:var(--ub-size-6);letter-spacing:.08em}.landing{background:var(--ub-color-neutral-140);height:100vh;color:var(--ub-color-neutral-10);scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--ub-color-white-alpha-24) var(--ub-color-black-alpha-0);overflow-y:auto}@media (width<=760px){html.landing-document,body.landing-document{height:auto;overflow-y:auto}body.landing-document #root{height:auto;min-height:100vh}.landing{overscroll-behavior-y:auto;height:auto;min-height:100vh;overflow:visible}}.landing::-webkit-scrollbar{width:var(--ub-size-2)}.landing::-webkit-scrollbar-track{background:var(--ub-color-black-alpha-0)}.landing::-webkit-scrollbar-thumb{background:var(--ub-color-white-alpha-24);border-radius:var(--ub-size-500)}.landing-shell{width:min(100% - var(--ub-size-24), var(--ub-size-640));margin-inline:auto}.landing-header{z-index:10;background:var(--ub-color-black-alpha-0);position:fixed;top:0;left:0;right:0}.landing-header .landing-nav{width:100%;padding-inline:var(--ub-size-10);margin:0}.landing-hero{isolation:isolate;min-height:min(var(--ub-size-428), 100vh);background:var(--ub-color-neutral-140);display:flex;position:relative;overflow:hidden}.landing-hero-art{z-index:-1;object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.landing-hero .landing-shell{min-height:inherit;flex-direction:column;display:flex}.landing-nav{min-height:var(--ub-size-48);justify-content:space-between;align-items:center;gap:var(--ub-size-12);display:flex}.landing-brand{min-height:var(--ub-size-20);height:var(--ub-size-20);padding:var(--ub-size-4) var(--ub-size-10);border-radius:var(--ub-size-8);background:var(--ub-color-neutral-0);width:var(--ub-size-72);justify-content:center;align-items:center;display:inline-flex}.landing-brand img{width:var(--ub-size-32);filter:brightness(0);height:auto}.landing-nav-links{align-items:center;gap:var(--ub-size-16);display:flex}.landing-nav-links a,.landing-text-link{color:var(--ub-color-neutral-80);font-size:var(--ub-size-7);font-weight:var(--ub-font-weight-600);transition:color .15s}.landing-nav-links a:hover,.landing-text-link:hover{color:var(--ub-color-neutral-10)}.landing-nav-action{justify-content:flex-end;display:flex}.landing-nav-action .landing-button-secondary{border-color:var(--ub-color-neutral-0);background:var(--ub-color-neutral-0);color:var(--ub-color-neutral-130)}.landing-nav-action .landing-button-secondary:hover{border-color:var(--ub-color-neutral-30);background:var(--ub-color-neutral-30)}.landing-nav-action .landing-button{width:var(--ub-size-72);min-height:var(--ub-size-20);height:var(--ub-size-20)}.landing-button{min-height:var(--ub-size-20);padding:var(--ub-size-4) var(--ub-size-10);border:var(--ub-size-05) solid var(--ub-color-black-alpha-0);border-radius:var(--ub-size-8);font-size:var(--ub-size-7);font-weight:var(--ub-font-weight-700);justify-content:center;align-items:center;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.landing-button-primary{gap:var(--ub-size-4);background:var(--ub-color-primary-90);color:var(--ub-color-neutral-0)}.landing-button-primary:hover{background:var(--ub-color-primary-70)}.landing-button-secondary{border-color:var(--ub-color-white-alpha-24);background:var(--ub-color-black-alpha-72);color:var(--ub-color-neutral-10)}.landing-button-secondary:hover{border-color:var(--ub-color-primary-70);background:var(--ub-color-primary-alpha-16)}.landing-hero-copy{width:min(100%, var(--ub-size-276));padding:var(--ub-size-40) 0 var(--ub-size-64);margin:auto 0}.landing-eyebrow{color:var(--ub-color-primary-70);font-size:var(--ub-size-6);font-weight:var(--ub-font-weight-700);letter-spacing:.08em;text-transform:uppercase}.landing-hero h1{max-width:12ch;margin-top:var(--ub-size-8);font-size:clamp(var(--ub-size-20), 5.2vw, var(--ub-size-40));font-weight:var(--ub-font-weight-700);letter-spacing:0;line-height:.98}.landing-lede{max-width:var(--ub-size-232);margin-top:var(--ub-size-12);color:var(--ub-color-neutral-50);font-size:var(--ub-size-8);line-height:1.6}.landing-actions{align-items:center;gap:var(--ub-size-10);margin-top:var(--ub-size-16);flex-wrap:wrap;display:flex}.landing-features{padding:var(--ub-size-40) 0;border-top:var(--ub-size-05) solid var(--ub-color-neutral-110);background:var(--ub-color-neutral-140)}.landing-features-inner{grid-template-columns:minmax(var(--ub-size-100), .8fr) minmax(0, 1.5fr);gap:var(--ub-size-32);align-items:start;display:grid}.landing-features-intro h2{max-width:16ch;margin-top:var(--ub-size-6);font-size:clamp(var(--ub-size-14), 3vw, var(--ub-size-20));line-height:1.15}.landing-feature-list{gap:var(--ub-size-16);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.landing-feature{padding-top:var(--ub-size-2)}.landing-feature svg{color:var(--ub-color-primary-70)}.landing-feature h3{margin-top:var(--ub-size-8);font-size:var(--ub-size-8)}.landing-feature p{margin-top:var(--ub-size-4);color:var(--ub-color-neutral-80);font-size:var(--ub-size-7);line-height:1.55}.landing-platforms{padding:var(--ub-size-40) 0;border-top:var(--ub-size-05) solid var(--ub-color-neutral-110);background:var(--ub-color-neutral-140)}.landing-platforms-inner{grid-template-columns:minmax(var(--ub-size-100), .8fr) minmax(0, 1.2fr);gap:var(--ub-size-32);align-items:center;display:grid}.landing-platforms-copy h2{max-width:13ch;margin-top:var(--ub-size-6);font-size:clamp(var(--ub-size-14), 3vw, var(--ub-size-20));line-height:1.15}.landing-platforms-copy>p:last-child{max-width:var(--ub-size-212);margin-top:var(--ub-size-8);color:var(--ub-color-neutral-80);font-size:var(--ub-size-7);line-height:1.6}.landing-platform-list{border-top:var(--ub-size-05) solid var(--ub-color-neutral-110)}.landing-platform-row{align-items:center;gap:var(--ub-size-8);padding:var(--ub-size-10) 0;border-bottom:var(--ub-size-05) solid var(--ub-color-neutral-110);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.landing-platform-row>svg{color:var(--ub-color-neutral-80)}.landing-platform-row h3{font-size:var(--ub-size-8)}.landing-platform-row p{margin-top:var(--ub-size-2);color:var(--ub-color-neutral-80);font-size:var(--ub-size-6)}.landing-platform-status{color:var(--ub-color-neutral-80);font-size:var(--ub-size-6);font-weight:var(--ub-font-weight-700)}.landing-platform-status.available{color:var(--ub-color-primary-70)}.groups-home{min-height:0;padding:var(--ub-size-16);background:var(--ub-color-neutral-140);flex:1;place-items:center;display:grid}.groups-home-content{max-width:var(--ub-size-232);text-align:center;flex-direction:column;align-items:center;display:flex}.groups-home-eyebrow{color:var(--ub-color-primary-70);font-size:var(--ub-size-6);font-weight:var(--ub-font-weight-700);letter-spacing:.08em;text-transform:uppercase}.groups-home h1{margin-top:var(--ub-size-6);font-size:clamp(var(--ub-size-12), 3vw, var(--ub-size-18));line-height:1.15}.groups-home p:not(.groups-home-eyebrow){margin-top:var(--ub-size-7);color:var(--ub-color-neutral-80);font-size:var(--ub-size-7);line-height:1.6}.groups-home .landing-button{gap:var(--ub-size-4);width:auto;margin-top:var(--ub-size-12)}@media (width<=760px){.landing-shell{width:min(100% - var(--ub-size-16), var(--ub-size-640))}.landing-hero{min-height:var(--ub-size-364)}.landing-hero-art{object-position:63% center;opacity:.48}.landing-nav{min-height:var(--ub-size-38)}.landing-header .landing-nav{gap:var(--ub-size-4);padding-inline:var(--ub-size-6)}.landing-brand,.landing-nav-action .landing-button{width:var(--ub-size-68)}.landing-hero-copy{padding:var(--ub-size-52) 0 var(--ub-size-36);align-self:flex-start}.landing-hero h1{max-width:10ch;font-size:clamp(var(--ub-size-18), 11vw, var(--ub-size-28))}.landing-lede{max-width:var(--ub-size-196);font-size:var(--ub-size-8)}.landing-features{padding:var(--ub-size-28) 0}.landing-features-inner,.landing-platforms-inner,.landing-feature-list{gap:var(--ub-size-16);grid-template-columns:1fr}.landing-feature-list{gap:var(--ub-size-12)}.landing-platform-row{grid-template-columns:auto minmax(0,1fr)}.landing-platform-status{grid-column:2}}.wheel-page{width:100%;min-height:100%;padding:var(--ub-size-8)}.wheel-layout{grid-template-columns:minmax(var(--ub-size-92), var(--ub-size-136)) minmax(var(--ub-size-180), 1fr) minmax(var(--ub-size-92), var(--ub-size-136));gap:var(--ub-size-12);align-items:start;width:100%;display:grid}@media (width<=900px){.wheel-layout{gap:var(--ub-size-12);grid-template-columns:1fr}.wheel-spin-area{order:-1}}.wheel-wrapper{justify-content:center;width:100%;display:flex;position:relative}.wheel-wrapper:before{content:"";top:calc(var(--ub-size-5) * -1);z-index:10;border-top:var(--ub-size-14) solid var(--ub-color-primary-90);border-right:var(--ub-size-6) solid var(--ub-color-black-alpha-0);border-left:var(--ub-size-6) solid var(--ub-color-black-alpha-0);width:0;height:0;position:absolute;left:50%;transform:translate(-50%)}.wheel-wrapper canvas{width:min(100%, var(--ub-size-300));border:var(--ub-size-05) solid var(--ub-color-neutral-110);border-radius:50%;max-width:100%}.wheel-spin-area{align-items:center;gap:var(--ub-size-8);flex-direction:column;display:flex}.spin-action-row{justify-content:center;align-items:center;gap:var(--ub-size-6);flex-direction:row;width:100%;display:flex}.spin-action-row .btn{min-width:var(--ub-size-64)}.wheel-page .btn-primary{border:var(--ub-size-05) solid var(--ub-color-primary-90);background:var(--ub-color-primary-90);box-shadow:none}.wheel-page .btn-primary:hover:not(:disabled){background:var(--ub-color-primary-70);box-shadow:none}.wheel-page .btn-secondary{border:var(--ub-size-05) solid var(--ub-color-neutral-110);color:var(--ub-color-neutral-80)}.wheel-page .btn-secondary:hover:not(:disabled){border-color:var(--ub-color-neutral-110);background:var(--ub-color-white-alpha-4);color:var(--ub-color-neutral-10)}.group-settings{align-items:center;gap:var(--ub-size-5);display:flex}.group-settings-label{color:var(--ub-color-neutral-80);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-6);font-weight:var(--ub-font-weight-700);letter-spacing:.1em;text-transform:uppercase}.group-settings-input{width:var(--ub-size-42);padding:var(--ub-size-4) var(--ub-size-6);background:var(--ub-color-neutral-140);border:var(--ub-size-05) solid var(--ub-color-neutral-110);border-radius:var(--ub-size-4);color:var(--ub-color-neutral-10);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-8);font-weight:var(--ub-font-weight-700);text-align:center}.group-settings-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.group-settings-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.group-settings-input[type=number]{-moz-appearance:textfield}.group-settings-input:focus{border-color:var(--ub-color-primary-90);box-shadow:none;outline:none}.spin-hint{color:var(--ub-color-neutral-80);font-size:var(--ub-size-7);text-align:center}.spin-hint span{color:var(--ub-color-primary-90);font-weight:var(--ub-font-weight-700)}.spin-error{min-height:var(--ub-size-10);color:var(--ub-color-primary-90);font-size:var(--ub-size-8);text-align:center}.spin-result{justify-content:center;align-items:center;gap:var(--ub-size-4);min-height:var(--ub-size-32);text-align:center;flex-direction:column;display:flex}.spin-result-placeholder{color:var(--ub-color-neutral-80);font-size:var(--ub-size-7);letter-spacing:.06em}.spin-result-spinning{color:var(--ub-color-primary-70);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-8);animation:.8s ease-in-out infinite alternate pulse}.spin-result-label{color:var(--ub-color-neutral-80);font-size:var(--ub-size-6);letter-spacing:.12em;text-transform:uppercase}.spin-result-winner{color:var(--ub-color-primary-70);font-family:var(--ub-font-family), sans-serif;font-size:clamp(var(--ub-size-10), 3.5vw, var(--ub-size-16));font-weight:var(--ub-font-weight-700);animation:.25s ease-out forwards winnerReveal}@keyframes winnerReveal{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{opacity:.5}to{opacity:1}}.member-list-panel{gap:var(--ub-size-8);width:100%;padding:var(--ub-size-6);border:var(--ub-size-05) solid var(--ub-color-neutral-110);border-radius:var(--ub-size-4);background:var(--ub-color-neutral-130);flex-direction:column;display:flex}.member-list-header{justify-content:space-between;align-items:center;display:flex}.member-list-title{color:var(--ub-color-neutral-80);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-6);font-weight:var(--ub-font-weight-700);letter-spacing:.1em;text-transform:uppercase}.member-count{color:var(--ub-color-primary-90);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-6)}.member-list{gap:var(--ub-size-4);max-height:var(--ub-size-252);scrollbar-width:thin;scrollbar-color:var(--ub-color-white-alpha-24) var(--ub-color-black-alpha-0);flex-direction:column;display:flex;overflow-y:auto}.member-list::-webkit-scrollbar{width:var(--ub-size-4)}.member-list::-webkit-scrollbar-track{background:var(--ub-color-black-alpha-0)}.member-list::-webkit-scrollbar-thumb{background:var(--ub-color-white-alpha-24);border-radius:var(--ub-size-2)}.member-list::-webkit-scrollbar-thumb:hover{background:var(--ub-color-neutral-90)}.member-item{width:100%;padding:var(--ub-size-4) var(--ub-size-6);border-radius:var(--ub-size-4);background:var(--ub-color-black-alpha-0);color:var(--ub-color-neutral-80);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-7);font-weight:var(--ub-font-weight-400);text-align:left;border:0;transition:all .12s}.member-item.active{color:var(--ub-color-neutral-10);background:var(--ub-color-white-alpha-8)}.member-item.active:hover:not(:disabled){background:var(--ub-color-white-alpha-12)}.member-item.inactive{color:var(--ub-color-neutral-80);opacity:.5;text-decoration:line-through}.member-item.inactive:hover:not(:disabled){background:var(--ub-color-white-alpha-4);opacity:.7}.member-item.assigned{color:var(--ub-color-neutral-80);background:var(--ub-color-primary-alpha-8);opacity:.65;cursor:default}.member-item:disabled{cursor:not-allowed}.groups-panel{gap:var(--ub-size-8);flex-direction:column;width:100%;display:flex}.group-controls-panel{gap:var(--ub-size-7);padding:var(--ub-size-6);border:var(--ub-size-05) solid var(--ub-color-neutral-110);border-radius:var(--ub-size-4);background:var(--ub-color-neutral-130);flex-direction:column;display:flex}.group-result{gap:var(--ub-size-8);padding:var(--ub-size-6);border:var(--ub-size-05) solid var(--ub-color-neutral-110);border-radius:var(--ub-size-4);background:var(--ub-color-neutral-130);flex-direction:column;display:flex}.group-result-label{color:var(--ub-color-neutral-80);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-6);font-weight:var(--ub-font-weight-700);letter-spacing:.1em;text-transform:uppercase}.group-grid{gap:0;display:grid}.group-card{gap:var(--ub-size-2);padding:var(--ub-size-6);background:var(--ub-color-black-alpha-0);border:0;flex-direction:column;display:flex}.group-card-next{padding:var(--ub-size-6);border-radius:var(--ub-size-4);background:var(--ub-color-primary-alpha-12);box-shadow:none;margin:0}.group-card-title{color:var(--ub-color-neutral-10);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-6);font-weight:var(--ub-font-weight-400);letter-spacing:.04em}.group-card-members{gap:var(--ub-size-2);flex-direction:column;list-style:none;display:flex}.group-card-members li{color:var(--ub-color-neutral-10);font-size:var(--ub-size-7);font-weight:var(--ub-font-weight-400)}.group-card-empty{color:var(--ub-color-neutral-80)!important}.navbar-auth{align-items:center;display:flex}.navbar-login{padding:var(--ub-size-2) var(--ub-size-8);font-size:var(--ub-size-6)}.navbar-user{align-items:center;gap:var(--ub-size-5);display:flex}.navbar-avatar-button{background:var(--ub-color-black-alpha-0);cursor:pointer;border:0;justify-content:center;align-items:center;padding:0;display:flex}.navbar-avatar-button:focus-visible{outline:var(--ub-size-1) solid var(--ub-color-primary-90);outline-offset:var(--ub-size-1);border-radius:50%}.avatar-edit-trigger{background:var(--ub-color-black-alpha-0);cursor:pointer;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden}.avatar-edit-trigger-small{width:var(--ub-size-14);height:var(--ub-size-14)}.avatar-edit-trigger-large{width:var(--ub-size-28);height:var(--ub-size-28)}.avatar-edit-trigger img{transition:filter .15s,transform .15s}.avatar-edit-overlay{background:var(--ub-color-black-alpha-64);color:var(--ub-color-primary-90);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-4);font-weight:var(--ub-font-weight-700);letter-spacing:.04em;opacity:0;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.avatar-edit-trigger-large .avatar-edit-overlay{font-size:var(--ub-size-5)}.avatar-edit-trigger:hover .avatar-edit-overlay,.avatar-edit-trigger:focus-visible .avatar-edit-overlay{opacity:1}.navbar-avatar{width:var(--ub-size-14);height:var(--ub-size-14);border:var(--ub-size-1) solid var(--ub-color-primary-90);object-fit:cover;border-radius:50%}.navbar-avatar-initials{width:var(--ub-size-14);height:var(--ub-size-14);border:var(--ub-size-1) solid var(--ub-color-primary-90);background:var(--ub-color-neutral-120);color:var(--ub-color-primary-70);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-5);font-weight:var(--ub-font-weight-700);border-radius:50%;justify-content:center;align-items:center;display:flex}.navbar-username{color:var(--ub-color-neutral-80);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-6);font-weight:var(--ub-font-weight-700);letter-spacing:.06em;max-width:var(--ub-size-60);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.navbar-profile-button{align-items:center;gap:var(--ub-size-5);background:var(--ub-color-black-alpha-0);cursor:pointer;border:0;min-width:0;padding:0;display:flex}.navbar-profile-button:hover .navbar-username{color:var(--ub-color-primary-90)}.navbar-profile-button:focus-visible{outline:var(--ub-size-1) solid var(--ub-color-primary-90);outline-offset:var(--ub-size-1);border-radius:var(--ub-size-500)}.navbar-signout{padding:var(--ub-size-2) var(--ub-size-6);font-size:var(--ub-size-6)}.auth-page{min-height:calc(100vh - var(--ub-size-16));padding:var(--ub-size-16) var(--ub-size-8);justify-content:center;align-items:center;display:flex}.app-main>.auth-page{flex:1;width:100%;min-height:0}.auth-loading{color:var(--ub-color-neutral-80);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-7)}.auth-card{width:min(100%, var(--ub-size-232));gap:var(--ub-size-12);flex-direction:column;display:flex}.legal-page{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ub-color-white-alpha-24) var(--ub-color-black-alpha-0);height:100vh;min-height:100vh;padding:clamp(var(--ub-size-40), 10vw, var(--ub-size-48)) var(--ub-size-10) var(--ub-size-24);background:radial-gradient(circle at 92% 10%, var(--ub-color-primary-alpha-12), var(--ub-color-black-alpha-0) 28%), var(--ub-color-neutral-140);overflow-y:auto}.legal-page::-webkit-scrollbar{width:var(--ub-size-2)}.legal-page::-webkit-scrollbar-track{background:var(--ub-color-black-alpha-0)}.legal-page::-webkit-scrollbar-thumb{background:var(--ub-color-white-alpha-24);border-radius:var(--ub-size-500)}.legal-document{width:min(100%, var(--ub-size-428));padding:clamp(var(--ub-size-12), 4vw, var(--ub-size-24));border-top:var(--ub-size-05) solid var(--ub-color-neutral-110);margin:0 auto}.legal-document h1{margin-bottom:var(--ub-size-4);color:var(--ub-color-neutral-10);font-size:clamp(var(--ub-size-14), 4vw, var(--ub-size-18))}.legal-document h2{margin-top:var(--ub-size-20);margin-bottom:var(--ub-size-6);color:var(--ub-color-neutral-10);font-size:var(--ub-size-9)}.legal-document p,.legal-document li,.legal-document-notice{color:var(--ub-color-neutral-80);font-size:var(--ub-size-8);line-height:1.7}.legal-document p+p{margin-top:var(--ub-size-8)}.legal-document ul{gap:var(--ub-size-4);margin:var(--ub-size-8) 0;padding-left:var(--ub-size-10);flex-direction:column;display:flex}.legal-document li::marker{color:var(--ub-color-primary-90)}.legal-document-notice{margin:var(--ub-size-12) 0;padding:var(--ub-size-7) var(--ub-size-8);border:var(--ub-size-05) solid var(--ub-color-primary-alpha-40);border-radius:var(--ub-size-4);background:var(--ub-color-primary-alpha-8)}.login-page{background-color:var(--ub-color-neutral-140);background-image:radial-gradient(circle at 85% 18%, var(--ub-color-primary-alpha-16), var(--ub-color-black-alpha-0) 34%), radial-gradient(circle at 12% 82%, var(--ub-color-primary-alpha-12), var(--ub-color-black-alpha-0) 38%), linear-gradient(var(--ub-color-black-alpha-24), var(--ub-color-black-alpha-24)), url(/assets/login-community-background-rk84Hbyy.png);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;position:relative;overflow:hidden}.login-brand{top:var(--ub-size-12);left:var(--ub-size-12);z-index:1;width:var(--ub-size-56);display:inline-flex;position:fixed}.login-brand img{width:100%;height:auto}.login-card{width:min(100%, var(--ub-size-252));gap:var(--ub-size-10);padding:var(--ub-size-16) var(--ub-size-18);background:var(--ub-color-neutral-130)}.login-card-heading{gap:var(--ub-size-2);text-align:center;flex-direction:column;display:flex}.login-card-heading .auth-title{letter-spacing:0;margin:0}.login-card-heading p{color:var(--ub-color-neutral-80);font-size:var(--ub-size-7)}.login-card .auth-form{gap:var(--ub-size-7)}.login-card .auth-footer{margin-top:calc(var(--ub-size-1) * -1);text-align:left}@media (width<=560px){.login-page{padding:var(--ub-size-8)}.login-brand{top:var(--ub-size-8);left:var(--ub-size-8);width:var(--ub-size-52)}.login-card{padding:var(--ub-size-12)}}.auth-logo{width:min(100%, var(--ub-size-100));height:auto;margin:0 auto;display:block}.auth-title{color:var(--ub-color-neutral-10);font-size:var(--ub-size-10);font-weight:var(--ub-font-weight-700);letter-spacing:.06em;text-align:center;margin-top:calc(var(--ub-size-4) * -1)}.auth-form{gap:var(--ub-size-8);flex-direction:column;display:flex}.form-row{gap:var(--ub-size-6);grid-template-columns:1fr 1fr;display:grid}.date-of-birth-inputs{gap:var(--ub-size-4);grid-template-columns:.8fr 1.2fr .95fr;display:grid}.date-of-birth-select{min-width:0;position:relative}.date-of-birth-select .form-input{height:var(--ub-size-22);min-width:0;padding-right:var(--ub-size-18);appearance:none}.date-of-birth-select svg{top:50%;right:var(--ub-size-6);color:var(--ub-color-neutral-80);pointer-events:none;position:absolute;transform:translateY(-50%)}.date-of-birth-select:focus-within svg{color:var(--ub-color-primary-90)}@media (width<=480px){.form-row{grid-template-columns:1fr}}.form-group{gap:var(--ub-size-4);flex-direction:column;display:flex}.form-label{color:var(--ub-color-neutral-80);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-5);font-weight:var(--ub-font-weight-700);letter-spacing:.1em;text-transform:uppercase}.form-optional{color:var(--ub-color-neutral-110);font-size:var(--ub-size-5);font-weight:var(--ub-font-weight-400);text-transform:none;letter-spacing:0}.form-input{width:100%;padding:var(--ub-size-5) var(--ub-size-7);background:var(--ub-color-neutral-140);border:var(--ub-size-1) solid var(--ub-color-neutral-110);border-radius:var(--ub-size-2);color:var(--ub-color-neutral-10);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-8);font-weight:var(--ub-font-weight-500);transition:border-color .15s,box-shadow .15s}.form-input::placeholder{color:var(--ub-color-neutral-90)}.form-input:focus{outline:var(--ub-size-05) solid var(--ub-color-primary-90);outline-offset:calc(var(--ub-size-05) * -1);border-color:var(--ub-color-primary-90);box-shadow:none}.form-textarea{resize:vertical;min-height:var(--ub-size-32);line-height:1.5}.form-hint{color:var(--ub-color-neutral-80);font-size:var(--ub-size-6);letter-spacing:.04em}.form-error{color:var(--ub-color-red-60);font-size:var(--ub-size-7);text-align:center;padding:var(--ub-size-4) var(--ub-size-6);background:var(--ub-color-red-alpha-8);border:var(--ub-size-05) solid var(--ub-color-red-alpha-24);border-radius:var(--ub-size-2)}.form-success{color:var(--ub-color-primary-70);font-size:var(--ub-size-7);text-align:center;padding:var(--ub-size-4) var(--ub-size-6);background:var(--ub-color-primary-alpha-8);border:var(--ub-size-05) solid var(--ub-color-primary-alpha-24);border-radius:var(--ub-size-2)}.auth-submit{width:100%;padding:var(--ub-size-6);font-size:var(--ub-size-7);margin-top:var(--ub-size-2)}.login-card .btn-primary{border-color:var(--ub-color-primary-90);background:var(--ub-color-primary-90);box-shadow:none}.login-card .btn-primary:hover:not(:disabled){border-color:var(--ub-color-primary-100);background:var(--ub-color-primary-100);box-shadow:none}.auth-legal-notice{color:var(--ub-color-neutral-80);font-size:var(--ub-size-6);line-height:1.45}.auth-legal-notice a{color:var(--ub-color-primary-60)}.auth-legal-notice a:hover{color:var(--ub-color-primary-70)}.auth-confirm-text{color:var(--ub-color-neutral-80);font-size:var(--ub-size-8);text-align:center;line-height:1.6}.auth-footer{color:var(--ub-color-neutral-80);font-size:var(--ub-size-7);text-align:center}.auth-footer a{color:var(--ub-color-primary-90);font-weight:var(--ub-font-weight-700);transition:color .15s}.auth-footer a:hover{color:var(--ub-color-primary-70)}.home-groups{gap:var(--ub-size-12);margin-top:var(--ub-size-20);width:100%;max-width:var(--ub-size-428);text-align:left;flex-direction:column;margin-inline:auto;display:flex}.home-groups-header{justify-content:space-between;align-items:center;display:flex}.home-groups-title{color:var(--ub-color-neutral-80);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-6);font-weight:var(--ub-font-weight-700);letter-spacing:.12em;text-transform:uppercase}.home-groups-create{padding:var(--ub-size-4) var(--ub-size-8);font-size:var(--ub-size-6)}.home-groups-empty{color:var(--ub-color-neutral-80);font-size:var(--ub-size-7)}.home-groups-grid{grid-template-columns:repeat(auto-fill, minmax(var(--ub-size-112), 1fr));gap:var(--ub-size-8);display:grid}.home-group-card{gap:var(--ub-size-2);padding:var(--ub-size-8) var(--ub-size-10);flex-direction:column;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.home-group-card:hover{border-color:var(--ub-color-primary-70);box-shadow:0 0 var(--ub-size-9) var(--ub-color-primary-alpha-12)}.home-group-card-name{color:var(--ub-color-neutral-10);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-8);font-weight:var(--ub-font-weight-700)}.home-group-card-desc{color:var(--ub-color-neutral-80);font-size:var(--ub-size-7);line-height:1.4}.home-group-card-count{color:var(--ub-color-primary-70);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-6);margin-top:var(--ub-size-2)}.home-join-form{align-items:center;gap:var(--ub-size-6);flex-wrap:wrap;display:flex}.home-join-input{min-width:var(--ub-size-80);flex:1}.home-join-error{width:100%;margin-top:0}.group-page-shell{flex:1;grid-template-columns:minmax(0,1fr);align-items:stretch;height:100%;min-height:0;display:grid;overflow:visible hidden}.group-side-menu{z-index:2;min-width:var(--ub-size-112);min-height:0;max-height:100%;padding:var(--ub-size-6);border:var(--ub-size-05) solid var(--ub-color-neutral-110);border-radius:var(--ub-size-4) 0 0 0;background:var(--ub-color-black-alpha-40);overscroll-behavior:contain;border-bottom:0;flex-direction:column;grid-area:1/2;align-self:stretch;display:flex;position:relative}.group-side-scroll{gap:var(--ub-size-7);min-height:0;padding-bottom:var(--ub-size-32);scrollbar-width:thin;scrollbar-color:var(--ub-color-white-alpha-24) var(--ub-color-black-alpha-0);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.group-side-scroll::-webkit-scrollbar{width:var(--ub-size-2)}.group-side-scroll::-webkit-scrollbar-track{background:var(--ub-color-black-alpha-0)}.group-side-scroll::-webkit-scrollbar-thumb{background:var(--ub-color-white-alpha-24);border-radius:var(--ub-size-500)}.group-side-section{gap:var(--ub-size-1);flex-direction:column;display:flex}.group-side-pinned-section{gap:var(--ub-size-4);margin-bottom:var(--ub-size-4);padding-bottom:var(--ub-size-4);border-bottom:var(--ub-size-05) solid var(--ub-color-neutral-110);flex-direction:column;display:flex}.group-side-pinned-title{padding:0 var(--ub-size-6);color:var(--ub-color-neutral-80);font-size:var(--ub-size-5);font-weight:var(--ub-font-weight-600)}.group-side-section-heading{align-items:center;gap:var(--ub-size-2);display:flex}.group-user-dock{z-index:3;height:var(--ub-size-34);padding:0 var(--ub-size-4) var(--ub-size-4);background:var(--ub-color-black-alpha-40);z-index:999;border-right:var(--ub-size-05) solid var(--ub-color-neutral-110);position:absolute;bottom:0;left:0;right:0}.group-user-controls{align-items:center;gap:var(--ub-size-4);width:100%;height:100%;padding:var(--ub-size-4);border:var(--ub-size-05) solid var(--ub-color-neutral-110);border-radius:var(--ub-size-4);background:var(--ub-color-neutral-130);margin:0;display:flex}.group-user-profile{align-items:center;gap:var(--ub-size-4);background:var(--ub-color-black-alpha-0);min-width:0;color:inherit;cursor:pointer;font:inherit;text-align:left;border:0;flex:1;padding:0;display:flex}.group-user-avatar{width:var(--ub-size-14);height:var(--ub-size-14);border:var(--ub-size-05) solid var(--ub-color-neutral-110);background:var(--ub-color-neutral-120);color:var(--ub-color-primary-70);font-size:var(--ub-size-6);font-weight:var(--ub-font-weight-700);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.group-user-avatar img{object-fit:cover;width:100%;height:100%}.group-user-copy{flex-direction:column;min-width:0;display:flex}.group-user-name,.group-user-status{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.group-user-name{color:var(--ub-color-neutral-10);font-size:var(--ub-size-6);font-weight:var(--ub-font-weight-700)}.group-user-status{color:var(--ub-color-neutral-80);font-size:var(--ub-size-5)}.group-user-actions{align-items:center;gap:var(--ub-size-1);flex-shrink:0;display:flex}.group-user-action{width:var(--ub-size-14);height:var(--ub-size-14);border-radius:var(--ub-size-4);background:var(--ub-color-black-alpha-0);color:var(--ub-color-neutral-80);cursor:pointer;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.group-user-action:hover:not(:disabled),.group-user-action.active{background:var(--ub-color-white-alpha-8);color:var(--ub-color-neutral-10)}.group-user-action:disabled{cursor:default;opacity:.4}.group-user-action.active{color:var(--ub-color-red-60)}.group-side-section-title{justify-content:space-between;align-items:center;gap:var(--ub-size-4);width:100%;height:var(--ub-size-14);padding:0 var(--ub-size-6);border:0;border-left:var(--ub-size-1) solid var(--ub-color-black-alpha-0);border-radius:var(--ub-size-4);background:var(--ub-color-black-alpha-0);color:var(--ub-color-neutral-80);cursor:pointer;font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-6);font-weight:var(--ub-font-weight-400);line-height:var(--ub-size-8);letter-spacing:0;text-align:left;transition:color .15s,background .15s,border-color .15s;display:flex}.group-side-section-heading .group-side-section-title{flex:1}.group-side-section-add{width:var(--ub-size-14);height:var(--ub-size-14);border-radius:var(--ub-size-4);background:var(--ub-color-black-alpha-0);color:var(--ub-color-neutral-80);cursor:pointer;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.group-side-section-add:hover{background:var(--ub-color-white-alpha-4);color:var(--ub-color-neutral-10)}.group-side-section-title span,.group-side-item span,.voip-side-room-name{-webkit-line-clamp:2;overflow-wrap:normal;word-break:normal;white-space:normal;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.group-side-section-chevron{width:var(--ub-size-6);height:var(--ub-size-6);flex-shrink:0;transition:transform .15s}.group-side-section-title[aria-expanded=false] .group-side-section-chevron{transform:rotate(-90deg)}.group-side-section-title:hover{color:var(--ub-color-neutral-10);background:var(--ub-color-white-alpha-4)}.group-side-section-title[aria-expanded=false]{color:var(--ub-color-neutral-90)}.group-side-section-items{gap:var(--ub-size-1);flex-direction:column;display:flex}.group-side-item{justify-content:space-between;align-items:center;gap:var(--ub-size-4);width:100%;padding:var(--ub-size-4) var(--ub-size-6);border:0;border-left:var(--ub-size-1) solid var(--ub-color-black-alpha-0);border-radius:var(--ub-size-4);background:var(--ub-color-black-alpha-0);color:var(--ub-color-neutral-80);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-5);font-weight:var(--ub-font-weight-700);letter-spacing:.06em;text-align:left;cursor:pointer;appearance:none;text-decoration:none;transition:color .15s,background .15s,border-color .15s;display:flex}.group-text-channel-icon{flex:none}.group-text-channel-item{justify-content:flex-start}.group-side-item:hover{color:var(--ub-color-neutral-10);background:var(--ub-color-white-alpha-4)}.group-side-item.active{border-left-color:var(--ub-color-black-alpha-0);color:var(--ub-color-neutral-10);background:var(--ub-color-white-alpha-8)}.group-side-item.muted{color:var(--ub-color-neutral-90)}.dropdown-menu{z-index:50;width:min(var(--ub-size-124), calc(100vw - var(--ub-size-8)));gap:var(--ub-size-1);padding:var(--ub-size-4);border:var(--ub-size-05) solid var(--ub-color-neutral-110);border-radius:var(--ub-size-4);background:var(--ub-color-neutral-130);box-shadow:0 var(--ub-size-6) var(--ub-size-16) var(--ub-color-black-alpha-40);flex-direction:column;display:flex;position:fixed}.dropdown-menu-item{align-items:center;gap:var(--ub-size-5);width:100%;padding:var(--ub-size-4) var(--ub-size-5);border-radius:var(--ub-size-2);background:var(--ub-color-black-alpha-0);color:var(--ub-color-neutral-10);cursor:pointer;font-family:inherit;font-size:var(--ub-size-6);font-weight:var(--ub-font-weight-600);text-align:left;border:0;display:flex}.dropdown-menu-item:hover:not(:disabled){background:var(--ub-color-white-alpha-8)}.dropdown-menu-item-danger{color:var(--ub-color-red-60)!important}.dropdown-menu-separator{height:var(--ub-size-05);margin:var(--ub-size-2) 0;background:var(--ub-color-neutral-110)}.group-chat-badge{min-width:var(--ub-size-10);height:var(--ub-size-9);padding:0 var(--ub-size-2);border-radius:var(--ub-size-500);background:var(--ub-color-primary-90);color:var(--ub-color-neutral-0);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-5);font-weight:var(--ub-font-weight-700);letter-spacing:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@media (width<=780px){.app-shell:has(.app-sidebar--with-menu){grid-template-columns:calc(var(--ub-size-36) + var(--ub-size-72)) minmax(0, 1fr)}.app-sidebar--with-menu{grid-template-columns:var(--ub-size-36) minmax(var(--ub-size-72), var(--ub-size-72))}.group-side-menu{min-width:var(--ub-size-72);padding:var(--ub-size-6)}.group-side-item{padding:var(--ub-size-4) var(--ub-size-4);font-size:var(--ub-size-5);overflow-wrap:normal;word-break:normal}}.group-content,.group-content.container{gap:var(--ub-size-8);border-top:var(--ub-size-05) solid var(--ub-color-neutral-110);overscroll-behavior:contain;flex-direction:column;flex:1;width:100%;max-width:none;height:100%;min-height:0;max-height:100%;margin:0;display:flex;overflow:hidden auto}.group-content::-webkit-scrollbar{width:var(--ub-size-2);height:var(--ub-size-2);border-radius:var(--scrollbar-border-radius,var(--ub-size-2));background:var(--ub-color-black-alpha-0)}.group-content::-webkit-scrollbar-thumb{background:var(--ub-color-neutral-90);border-radius:var(--ub-size-2)}.group-content::-webkit-scrollbar-track{background:var(--ub-color-black-alpha-0);border-radius:var(--scrollbar-border-radius,var(--ub-size-2));margin-top:var(--scrollbar-margin-top,var(--ub-size-0))}.group-overview{gap:var(--ub-size-12);width:100%;padding:var(--ub-size-4);flex-direction:column;margin:0;display:flex}.group-features{gap:var(--ub-size-8);flex-wrap:wrap;display:flex}.feature-card{gap:var(--ub-size-2);padding:var(--ub-size-10) var(--ub-size-12);min-width:var(--ub-size-80);border-top-color:var(--ub-color-primary-90);flex-direction:column;text-decoration:none;transition:box-shadow .15s,border-color .15s;display:flex}.feature-card:hover{box-shadow:0 0 var(--ub-size-10) var(--ub-color-primary-alpha-16)}.feature-card-icon{font-size:var(--ub-size-12)}.feature-card-title{color:var(--ub-color-neutral-10);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-7);font-weight:var(--ub-font-weight-700)}.feature-card-desc{color:var(--ub-color-neutral-80);font-size:var(--ub-size-6)}.group-members-panel{gap:var(--ub-size-8);padding:var(--ub-size-8);flex-direction:column;display:flex}.group-members-title{color:var(--ub-color-neutral-80);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-6);font-weight:var(--ub-font-weight-700);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:var(--ub-size-4);display:flex}.group-members-count{color:var(--ub-color-primary-90);font-size:var(--ub-size-6)}.group-members-toolbar{justify-content:flex-end;display:flex}.group-members-list{gap:var(--ub-size-4);flex-direction:column;list-style:none;display:flex}.group-members-table-wrap{width:100%;overflow-x:auto}.group-members-table{width:100%;min-width:var(--ub-size-300);border-collapse:collapse;text-align:left}.group-members-table th{padding:0 var(--ub-size-6) var(--ub-size-5);border-bottom:var(--ub-size-05) solid var(--ub-color-neutral-110);color:var(--ub-color-neutral-80);font-size:var(--ub-size-5);font-weight:var(--ub-font-weight-700);letter-spacing:.06em;text-transform:uppercase}.group-members-table th:first-child,.group-members-table td:first-child{width:48%;padding-left:0}.group-members-table td{padding:var(--ub-size-6) var(--ub-size-6);border-bottom:var(--ub-size-05) solid var(--ub-color-white-alpha-8);color:var(--ub-color-neutral-80);font-size:var(--ub-size-6);vertical-align:middle}.group-members-table tbody tr:last-child td{border-bottom:0}.group-activity-panel{gap:var(--ub-size-8);flex-direction:column;display:flex}.group-activity-list{gap:var(--ub-size-5);flex-direction:column;list-style:none;display:flex}.group-activity-item{justify-content:space-between;align-items:flex-start;gap:var(--ub-size-8);padding:var(--ub-size-6) 0;border-bottom:var(--ub-size-05) solid var(--ub-color-black-alpha-72);display:flex}.group-activity-item:last-child{border-bottom:0}.group-activity-title{color:var(--ub-color-neutral-10);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-6);font-weight:var(--ub-font-weight-700);letter-spacing:.04em}.group-activity-desc{margin-top:var(--ub-size-2);color:var(--ub-color-neutral-80);font-size:var(--ub-size-7)}.group-activity-date{color:var(--ub-color-primary-90);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-5);font-weight:var(--ub-font-weight-700);white-space:nowrap}.group-chat{flex-direction:column;width:100%;height:100%;min-height:100%;margin:0;display:flex;overflow:hidden}.group-chat-messages{gap:var(--ub-size-7);min-height:0;padding:var(--ub-size-8);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.group-chat-messages::-webkit-scrollbar{width:var(--ub-size-2);height:var(--ub-size-2);border-radius:var(--scrollbar-border-radius,var(--ub-size-2));background:var(--ub-color-black-alpha-0)}.group-chat-messages::-webkit-scrollbar-thumb{background:var(--ub-color-neutral-90);border-radius:var(--ub-size-2)}.group-chat-messages::-webkit-scrollbar-track{background:var(--ub-color-black-alpha-0);border-radius:var(--scrollbar-border-radius,var(--ub-size-2));margin-top:var(--scrollbar-margin-top,var(--ub-size-0))}.group-chat-status,.group-chat-empty{color:var(--ub-color-neutral-80);font-size:var(--ub-size-7);text-align:center}.group-chat-message{align-items:flex-start;gap:var(--ub-size-6);width:100%;padding:var(--ub-size-2);border-radius:var(--ub-size-2);display:flex}.group-chat-message.mine{flex-direction:row;align-self:auto}.group-chat-message:hover{background:var(--ub-color-white-alpha-2)}.group-chat-avatar{width:var(--ub-size-16);height:var(--ub-size-16);border:var(--ub-size-1) solid var(--ub-color-neutral-110);background:var(--ub-color-neutral-120);color:var(--chat-user-color,var(--ub-color-primary-70));font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-5);font-weight:var(--ub-font-weight-700);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.group-chat-avatar img{object-fit:cover;width:100%;height:100%}.group-chat-message.bot .group-chat-avatar{border-color:var(--ub-color-neutral-110);background:var(--ub-color-neutral-130);color:var(--ub-color-primary-70)}.group-chat-message.bot .group-chat-avatar img{object-fit:contain;width:65%;height:65%}.group-chat-message.bot .group-chat-meta span{color:var(--ub-color-primary-70)}.group-chat-bubble{min-width:0;padding:var(--ub-size-1) 0;background:var(--ub-color-black-alpha-0);border:0;border-radius:0}.group-chat-meta{align-items:center;gap:var(--ub-size-6);margin-bottom:var(--ub-size-2);display:flex}.group-chat-meta span{color:var(--chat-user-color,var(--ub-color-primary-70));font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-6);font-weight:var(--ub-font-weight-700)}.group-chat-meta time{color:var(--ub-color-neutral-80);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-5);white-space:nowrap}.group-chat-bubble p{color:var(--ub-color-neutral-10);font-size:var(--ub-size-7);overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.45}.group-chat-compose{gap:var(--ub-size-4);width:100%;height:var(--ub-size-34);padding:0 var(--ub-size-4) var(--ub-size-4);background:var(--ub-color-black-alpha-0);flex-direction:column;flex-shrink:0;display:flex}.group-chat-compose-row{align-items:center;gap:var(--ub-size-4);min-height:0;padding:var(--ub-size-4) var(--ub-size-5) var(--ub-size-4) var(--ub-size-8);border:var(--ub-size-05) solid var(--ub-color-neutral-110);border-radius:var(--ub-size-4);background:var(--ub-color-neutral-130);flex:1;display:flex}.group-chat-compose-row:focus-within{border-color:var(--ub-color-white-alpha-16)}.group-chat-input{min-width:0;height:var(--ub-size-18);background:var(--ub-color-black-alpha-0);color:var(--ub-color-neutral-10);font:inherit;font-size:var(--ub-size-8);border:0;outline:0;flex:1}.group-chat-input::placeholder{color:var(--ub-color-neutral-80)}.group-chat-send{width:var(--ub-size-18);height:var(--ub-size-18);border-radius:var(--ub-size-4);background:var(--ub-color-black-alpha-0);color:var(--ub-color-neutral-80);box-shadow:none;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.group-chat-send:hover:not(:disabled){background:var(--ub-color-white-alpha-8);color:var(--ub-color-neutral-10);box-shadow:none}.group-chat-send:disabled{opacity:.45}.group-chat-error{margin:0}@media (width<=640px){.group-chat-message,.group-chat-message.mine{max-width:100%}.group-chat-send{justify-content:center}}.group-member-item{align-items:center;gap:var(--ub-size-6);display:flex}.group-member-button{background:var(--ub-color-black-alpha-0);cursor:pointer;text-align:left;border:0;width:100%;padding:0}.group-member-button:hover .group-member-name{color:var(--ub-color-primary-90)}.member-avatar{width:var(--ub-size-16);height:var(--ub-size-16);border:var(--ub-size-1) solid var(--ub-color-neutral-110);background:var(--ub-color-neutral-120);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.member-avatar img{object-fit:cover;width:100%;height:100%}.member-avatar span{color:var(--ub-color-primary-70);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-5);font-weight:var(--ub-font-weight-700)}.group-member-name{color:var(--ub-color-neutral-10);font-size:var(--ub-size-8);font-weight:var(--ub-font-weight-600)}.group-member-info{flex-direction:column;flex:1;min-width:0;display:flex}.group-member-badge{width:max-content;margin-top:var(--ub-size-2);color:var(--ub-color-primary-90);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-5);font-weight:var(--ub-font-weight-700);letter-spacing:.08em;text-transform:uppercase;border:var(--ub-size-05) solid var(--ub-color-primary-90);border-radius:var(--ub-size-1);padding:var(--ub-size-1) var(--ub-size-4);flex-shrink:0}.member-profile-dialog{width:min(100%, var(--ub-size-252))}.member-profile-head{gap:var(--ub-size-8);align-items:center;display:flex}.member-profile-avatar{width:var(--ub-size-48);height:var(--ub-size-48);border:var(--ub-size-1) solid var(--ub-color-primary-90);background:var(--ub-color-neutral-120);color:var(--ub-color-primary-70);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-12);font-weight:var(--ub-font-weight-700);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.member-profile-avatar img{object-fit:cover;width:100%;height:100%}.member-profile-main{gap:var(--ub-size-2);flex-direction:column;min-width:0;display:flex}.member-profile-main h3{color:var(--ub-color-neutral-10);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-8);font-weight:var(--ub-font-weight-700);overflow-wrap:anywhere}.member-profile-main p,.member-profile-muted{color:var(--ub-color-neutral-80);font-size:var(--ub-size-7)}.member-profile-bio{color:var(--ub-color-neutral-80);font-size:var(--ub-size-8);padding:var(--ub-size-7) 0;border-top:var(--ub-size-05) solid var(--ub-color-neutral-110);border-bottom:var(--ub-size-05) solid var(--ub-color-neutral-110);line-height:1.5}.member-profile-section{gap:var(--ub-size-6);flex-direction:column;display:flex}.member-profile-groups{gap:var(--ub-size-4);flex-direction:column;list-style:none;display:flex}.member-profile-groups li{padding:var(--ub-size-4) var(--ub-size-6);border:var(--ub-size-05) solid var(--ub-color-neutral-110);border-radius:var(--ub-size-2);color:var(--ub-color-neutral-10);font-weight:var(--ub-font-weight-600)}.group-join-form{gap:var(--ub-size-6);flex-direction:column;display:flex}.group-join-title{color:var(--ub-color-neutral-80);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-6);font-weight:var(--ub-font-weight-700);letter-spacing:.1em;text-transform:uppercase}.group-join-row{gap:var(--ub-size-6);display:flex}.config-layout{grid-template-columns:var(--ub-size-100) 1fr;gap:var(--ub-size-20);align-items:start;display:grid}@media (width<=640px){.config-layout{grid-template-columns:1fr}.config-sidenav{flex-direction:row;overflow-x:auto}.config-sidenav-item{white-space:nowrap;width:auto}}.config-sidebar{top:calc(var(--ub-size-16) + var(--ub-size-12));position:sticky}.config-sidenav{gap:var(--ub-size-1);flex-direction:column;display:flex}.config-sidenav-item{width:100%;padding:var(--ub-size-4) var(--ub-size-6);border:0;border-left:var(--ub-size-1) solid var(--ub-color-black-alpha-0);border-radius:var(--ub-size-2);background:var(--ub-color-black-alpha-0);color:var(--ub-color-neutral-80);cursor:pointer;font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-6);font-weight:var(--ub-font-weight-700);letter-spacing:.06em;text-align:left;text-decoration:none;transition:color .15s,background .15s}.config-sidenav-item:hover{color:var(--ub-color-neutral-10);background:var(--ub-color-white-alpha-4)}.config-sidenav-item.active{color:var(--ub-color-neutral-10);background:var(--ub-color-white-alpha-8);border-left-color:var(--ub-color-primary-70)}.config-content{gap:var(--ub-size-16);flex-direction:column;display:flex}.config-section{gap:var(--ub-size-8);flex-direction:column;display:flex}.config-section-title{color:var(--ub-color-neutral-10);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-8);font-weight:var(--ub-font-weight-700);letter-spacing:.04em;padding-bottom:var(--ub-size-6);border-bottom:var(--ub-size-05) solid var(--ub-color-neutral-110)}.config-field-group{gap:var(--ub-size-6);flex-direction:column;display:flex}.user-dialog-content .config-content .panel{padding:var(--ub-size-8)}.config-inline-row{gap:var(--ub-size-6);align-items:flex-start;display:flex}.user-dialog-content .config-content .config-inline-row{flex-wrap:wrap}.settings-channel-list{gap:0}.settings-channel-row{gap:var(--ub-size-5);padding:var(--ub-size-6) 0;border-bottom:var(--ub-size-05) solid var(--ub-color-neutral-110);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;display:grid}.settings-channel-row:first-child{padding-top:0}.settings-channel-row:last-child{border-bottom:0;padding-bottom:0}.settings-channel-input{align-items:center;gap:var(--ub-size-4);min-width:0;display:flex}.settings-channel-type{color:var(--ub-color-neutral-80);font-size:var(--ub-size-5);white-space:nowrap}@media (width<=640px){.settings-channel-row{grid-template-columns:1fr auto}.settings-channel-input{grid-column:1/-1}}.config-inline-row .form-input{min-width:var(--ub-size-92);flex:1}.settings-members-list{gap:var(--ub-size-4);flex-direction:column;list-style:none;display:flex}.settings-member-item{align-items:center;gap:var(--ub-size-6);display:flex}.settings-member-name{color:var(--ub-color-neutral-10);font-size:var(--ub-size-8);font-weight:var(--ub-font-weight-600);flex:1}.settings-member-remove{padding:var(--ub-size-2) var(--ub-size-6);font-size:var(--ub-size-6)}.config-danger-title{color:var(--ub-color-red-60)!important;border-bottom-color:var(--ub-color-red-alpha-24)!important}.config-danger-panel{border:var(--ub-size-05) solid var(--ub-color-red-alpha-24);border-radius:var(--ub-size-4);overflow:hidden}.config-danger-row{justify-content:space-between;align-items:center;gap:var(--ub-size-12);padding:var(--ub-size-8) var(--ub-size-10);display:flex}.user-dialog-content .config-content .config-danger-row{flex-wrap:wrap;align-items:flex-start}.config-danger-row+.config-danger-row{border-top:var(--ub-size-05) solid var(--ub-color-red-alpha-16)}.config-danger-row-title{color:var(--ub-color-neutral-10);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-6);font-weight:var(--ub-font-weight-700);margin-bottom:var(--ub-size-2)}.config-danger-row-desc{color:var(--ub-color-neutral-80);font-size:var(--ub-size-7);max-width:var(--ub-size-232);line-height:1.4}.dialog-overlay{z-index:200;background:var(--ub-color-black-alpha-72);-webkit-backdrop-filter:blur(var(--ub-size-2));backdrop-filter:blur(var(--ub-size-2));padding:var(--ub-size-8);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-box{width:min(100%, var(--ub-size-212));gap:var(--ub-size-8);padding:var(--ub-size-14);background:linear-gradient(180deg, var(--ub-color-neutral-120) 0%, var(--ub-color-neutral-130) 100%);border:var(--ub-size-05) solid var(--ub-color-red-130);border-top:var(--ub-size-1) solid var(--ub-color-red-60);border-radius:var(--ub-size-4);box-shadow:0 var(--ub-size-12) var(--ub-size-30) var(--ub-color-black-alpha-48);flex-direction:column;display:flex}.dialog-box-neutral{border-color:var(--ub-color-neutral-110)}.group-dialog-box{width:min(100%, var(--ub-size-252))}.group-dialog-options,.group-dialog-form,.group-dialog-join{gap:var(--ub-size-8);flex-direction:column;display:flex}.group-dialog-create-option{width:100%}.channel-create-dialog{width:min(100%, var(--ub-size-252));gap:var(--ub-size-10)}.channel-create-subtitle{margin-top:var(--ub-size-2);color:var(--ub-color-neutral-80);font-size:var(--ub-size-6)}.channel-type-fieldset{gap:var(--ub-size-5);border:0;flex-direction:column;margin:0;padding:0;display:flex}.channel-type-fieldset .form-label{margin-bottom:var(--ub-size-1)}.channel-type-option{align-items:start;gap:var(--ub-size-5);padding:var(--ub-size-1) 0;background:var(--ub-color-black-alpha-0);color:var(--ub-color-neutral-80);cursor:pointer;text-align:left;border:0;grid-template-columns:auto auto minmax(0,1fr);display:grid}.channel-type-option:hover,.channel-type-option.active{color:var(--ub-color-neutral-10)}.channel-type-option>span:last-child{gap:var(--ub-size-2);flex-direction:column;min-width:0;display:flex}.channel-type-option strong,.channel-private-option strong{color:var(--ub-color-neutral-10);font-size:var(--ub-size-7)}.channel-type-option small,.channel-private-option small{color:var(--ub-color-neutral-80);font-size:var(--ub-size-6);line-height:1.3}.channel-type-radio{width:var(--ub-size-10);height:var(--ub-size-10);margin-top:var(--ub-size-1);border:var(--ub-size-05) solid var(--ub-color-neutral-80);border-radius:50%}.channel-type-option.active .channel-type-radio{border:var(--ub-size-2) solid var(--ub-color-primary-70)}.channel-name-input{align-items:center;gap:var(--ub-size-4);padding:0 var(--ub-size-6);border:var(--ub-size-05) solid var(--ub-color-neutral-110);border-radius:var(--ub-size-4);background:var(--ub-color-neutral-130);color:var(--ub-color-neutral-80);display:flex}.channel-name-input:focus-within{border-color:var(--ub-color-primary-70)}.channel-name-input .form-input{background:var(--ub-color-black-alpha-0);border:0;min-width:0;padding-left:0}.channel-name-input .form-input:focus{box-shadow:none}.channel-private-option{align-items:center;gap:var(--ub-size-4);color:var(--ub-color-neutral-80);cursor:not-allowed;opacity:.72;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.channel-private-option>span:nth-child(2){gap:var(--ub-size-1);flex-direction:column;display:flex}.channel-private-switch{width:var(--ub-size-20);height:var(--ub-size-10);border-radius:var(--ub-size-500);background:var(--ub-color-neutral-120);box-shadow:inset 0 0 0 var(--ub-size-05) var(--ub-color-neutral-110);align-items:center;display:inline-flex}.channel-private-switch:before{width:var(--ub-size-8);height:var(--ub-size-8);margin-left:var(--ub-size-1);background:var(--ub-color-neutral-80);content:"";border-radius:50%}.dialog-title{color:var(--ub-color-red-40);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-8);font-weight:var(--ub-font-weight-700);letter-spacing:.06em}.dialog-title-neutral{color:var(--ub-color-neutral-10)}.dialog-desc{color:var(--ub-color-neutral-80);font-size:var(--ub-size-8);line-height:1.5}.dialog-desc strong{color:var(--ub-color-neutral-10);font-weight:var(--ub-font-weight-700)}.dialog-actions{justify-content:flex-end;gap:var(--ub-size-6);margin-top:var(--ub-size-2);display:flex}.temporary-members-input{min-height:var(--ub-size-72)}.user-dialog-box{width:min(100%, var(--ub-size-640));height:min(var(--ub-size-332), calc(100vh - var(--ub-size-16)));gap:0;padding:0;overflow:hidden}.user-dialog-header{justify-content:space-between;align-items:center;gap:var(--ub-size-8);display:flex}.user-dialog-box .user-dialog-header{padding:var(--ub-size-8);border-bottom:var(--ub-size-05) solid var(--ub-color-neutral-110)}.user-dialog-close{width:var(--ub-size-18);height:var(--ub-size-18);border-radius:var(--ub-size-4);background:var(--ub-color-black-alpha-0);color:var(--ub-color-neutral-80);cursor:pointer;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.user-dialog-close:hover{background:var(--ub-color-white-alpha-8);color:var(--ub-color-neutral-10)}.user-dialog-layout{grid-template-columns:minmax(var(--ub-size-100), var(--ub-size-112)) minmax(0, 1fr);flex:1;gap:0;min-height:0;display:grid}.user-dialog-main{flex-direction:column;min-width:0;min-height:0;display:flex}.user-dialog-footer{padding-top:var(--ub-size-8);border-top:var(--ub-size-05) solid var(--ub-color-neutral-110);justify-content:flex-end;display:flex}.user-dialog-nav-item.user-dialog-signout{margin-top:var(--ub-size-1);color:var(--ub-color-red-60)}.user-dialog-nav-item.user-dialog-signout:hover{background:var(--ub-color-red-alpha-12);color:var(--ub-color-red-60)}.user-dialog-sidebar{gap:var(--ub-size-1);border-right:var(--ub-size-05) solid var(--ub-color-neutral-110);padding:var(--ub-size-8);scrollbar-width:thin;scrollbar-color:var(--ub-color-white-alpha-24) var(--ub-color-black-alpha-0);flex-direction:column;display:flex;overflow-y:auto}.user-dialog-sidebar-profile{align-items:center;gap:var(--ub-size-5);width:100%;margin-bottom:var(--ub-size-5);padding:var(--ub-size-4);border-radius:var(--ub-size-4);background:var(--ub-color-black-alpha-0);cursor:pointer;text-align:left;border:0;display:flex}.user-dialog-sidebar-profile:hover{background:var(--ub-color-white-alpha-4)}.user-dialog-sidebar-profile-copy{flex-direction:column;min-width:0;display:flex}.user-dialog-sidebar-name,.user-dialog-sidebar-username{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-dialog-sidebar-name{color:var(--ub-color-neutral-10);font-size:var(--ub-size-7);font-weight:var(--ub-font-weight-700)}.user-dialog-sidebar-username{color:var(--ub-color-neutral-80);font-size:var(--ub-size-6)}.user-dialog-nav-group,.user-dialog-nav-subitems{gap:var(--ub-size-1);flex-direction:column;display:flex}.user-dialog-nav-subitems{margin-top:var(--ub-size-2)}.user-dialog-nav-divider{height:var(--ub-size-05);margin:var(--ub-size-4) 0;background:var(--ub-color-neutral-110)}.user-dialog-nav-item{width:100%;padding:var(--ub-size-4) var(--ub-size-6);border-radius:var(--ub-size-2);background:var(--ub-color-black-alpha-0);color:var(--ub-color-neutral-80);cursor:pointer;font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-6);font-weight:var(--ub-font-weight-700);letter-spacing:.06em;text-align:left;border:0}.user-dialog-nav-item-with-icon{align-items:center;gap:var(--ub-size-4);display:flex}.user-dialog-nav-item:hover{color:var(--ub-color-neutral-10);background:var(--ub-color-white-alpha-4)}.user-dialog-nav-item.active{background:var(--ub-color-white-alpha-8);color:var(--ub-color-neutral-10)}.user-dialog-nav-item-child{padding-left:var(--ub-size-14);border-radius:0;position:relative}.user-dialog-nav-item-child:hover{background:var(--ub-color-black-alpha-0);color:var(--ub-color-neutral-10)}.user-dialog-nav-item-child.active{background:var(--ub-color-black-alpha-0);color:var(--ub-color-neutral-10);box-shadow:none}.user-dialog-nav-item-child.active:before{top:0;bottom:0;left:var(--ub-size-8);width:var(--ub-size-1);background:var(--ub-color-neutral-10);content:"";position:absolute}.user-dialog-content{min-width:0;padding:var(--ub-size-8);scrollbar-width:thin;scrollbar-color:var(--ub-color-white-alpha-24) var(--ub-color-black-alpha-0);flex:1;overflow-y:auto}.user-dialog-sidebar::-webkit-scrollbar{width:var(--ub-size-2)}.user-dialog-content::-webkit-scrollbar{width:var(--ub-size-2)}.user-dialog-sidebar::-webkit-scrollbar-track{background:var(--ub-color-black-alpha-0)}.user-dialog-content::-webkit-scrollbar-track{background:var(--ub-color-black-alpha-0)}.user-dialog-sidebar::-webkit-scrollbar-thumb{background:var(--ub-color-white-alpha-24);border-radius:var(--ub-size-500)}.user-dialog-content::-webkit-scrollbar-thumb{background:var(--ub-color-white-alpha-24);border-radius:var(--ub-size-500)}.user-dialog-section{gap:var(--ub-size-6);flex-direction:column;display:flex}.user-dialog-account-section+.user-dialog-account-section{margin-top:var(--ub-size-12);padding-top:var(--ub-size-12);border-top:var(--ub-size-05) solid var(--ub-color-neutral-110)}.user-dialog-account-section .user-dialog-section-title,.user-dialog-account-section .user-dialog-info-row{border-bottom:0;padding-bottom:0}.user-dialog-section-title{color:var(--ub-color-neutral-10);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-8);font-weight:var(--ub-font-weight-700);letter-spacing:.04em;padding-bottom:var(--ub-size-6);border-bottom:var(--ub-size-05) solid var(--ub-color-neutral-110)}.user-dialog-profile-head{align-items:center;gap:var(--ub-size-7);margin-bottom:var(--ub-size-2);display:flex}.user-dialog-avatar{width:var(--ub-size-28);height:var(--ub-size-28);border:var(--ub-size-1) solid var(--ub-color-primary-90);object-fit:cover;border-radius:50%;flex-shrink:0}.user-dialog-avatar-fallback{background:var(--ub-color-neutral-120);color:var(--ub-color-primary-70);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-8);font-weight:var(--ub-font-weight-700);justify-content:center;align-items:center;display:flex}.user-dialog-name{color:var(--ub-color-neutral-10);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-8);font-weight:var(--ub-font-weight-700)}.user-dialog-username{color:var(--ub-color-neutral-80);font-size:var(--ub-size-7)}.user-dialog-info-row{grid-template-columns:var(--ub-size-72) minmax(0, 1fr);gap:var(--ub-size-8);padding:var(--ub-size-5) 0;border-bottom:var(--ub-size-05) solid var(--ub-color-black-alpha-72);align-items:start;display:grid}.user-dialog-info-row-editable{grid-template-columns:var(--ub-size-72) minmax(0, 1fr) auto}.user-dialog-info-edit{justify-content:center;align-items:center;gap:var(--ub-size-2);min-height:var(--ub-size-16);padding:var(--ub-size-2) var(--ub-size-5);border:var(--ub-size-05) solid var(--ub-color-neutral-110);border-radius:var(--ub-size-4);background:var(--ub-color-white-alpha-4);color:var(--ub-color-neutral-10);cursor:pointer;font:inherit;font-size:var(--ub-size-6);display:inline-flex}.user-dialog-info-edit:hover{background:var(--ub-color-white-alpha-8)}.user-dialog-edit-field-modal{width:min(100%, var(--ub-size-212))}.user-dialog-edit-field-content{gap:var(--ub-size-8);flex-direction:column;display:flex}.user-profile-edit-dialog{width:min(100%, var(--ub-size-364));height:min(var(--ub-size-276), calc(100vh - var(--ub-size-16)))}.user-profile-edit-content{gap:var(--ub-size-8);flex-direction:column;display:flex}.user-profile-edit-avatar-row{align-items:center;gap:var(--ub-size-6);display:flex}.user-profile-edit-aside{align-items:center;gap:var(--ub-size-2);padding-top:var(--ub-size-4);text-align:center;flex-direction:column;display:flex}.user-dialog-info-row span{color:var(--ub-color-neutral-80);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-5);font-weight:var(--ub-font-weight-700);letter-spacing:.08em;text-transform:uppercase}.user-dialog-info-row strong{min-width:0;color:var(--ub-color-neutral-10);font-size:var(--ub-size-8);font-weight:var(--ub-font-weight-600);overflow-wrap:anywhere}.user-profile-form{gap:var(--ub-size-7);flex-direction:column;display:flex}.account-password-panel{gap:var(--ub-size-7);margin-top:var(--ub-size-6);padding-top:var(--ub-size-8);border-top:var(--ub-size-05) solid var(--ub-color-neutral-110);flex-direction:column;display:flex}.password-input-wrap{position:relative}.password-input{padding-right:var(--ub-size-24)}.password-visibility-button{top:50%;right:var(--ub-size-5);background:var(--ub-color-black-alpha-0);color:var(--ub-color-neutral-80);cursor:pointer;padding:var(--ub-size-2);border:0;justify-content:center;align-items:center;display:inline-flex;position:absolute;transform:translateY(-50%)}.password-visibility-button:hover{color:var(--ub-color-primary-70)}.avatar-dialog-box{width:min(100%, var(--ub-size-332))}.avatar-editor{grid-template-columns:var(--ub-size-92) 1fr;gap:var(--ub-size-12);align-items:start;display:grid}.avatar-editor-preview{width:var(--ub-size-80);height:var(--ub-size-80);border:var(--ub-size-1) solid var(--ub-color-primary-90);background:var(--ub-color-neutral-120);color:var(--ub-color-primary-70);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-20);font-weight:var(--ub-font-weight-700);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;display:flex;overflow:hidden}.avatar-editor-preview img{object-fit:cover;width:100%;height:100%}.avatar-editor-controls{gap:var(--ub-size-8);flex-direction:column;min-width:0;display:flex}.avatar-range-row{grid-template-columns:var(--ub-size-48) 1fr;gap:var(--ub-size-6);align-items:center;display:grid}.avatar-range-row label{color:var(--ub-color-neutral-80);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-5);font-weight:var(--ub-font-weight-700);letter-spacing:.08em;text-transform:uppercase}.avatar-range-row input{width:100%;accent-color:var(--ub-color-primary-90)}@media (width<=640px){.user-dialog-layout{grid-template-columns:1fr;min-height:0}.user-dialog-sidebar{border-right:0;border-bottom:var(--ub-size-05) solid var(--ub-color-neutral-110);padding:var(--ub-size-8);flex-direction:row;overflow-x:auto}.user-dialog-nav-item{white-space:nowrap;width:auto}.user-dialog-info-row{gap:var(--ub-size-2);grid-template-columns:1fr}.avatar-editor,.avatar-range-row{grid-template-columns:1fr}}.wheel-group-label{text-align:center;width:100%;margin-bottom:calc(var(--ub-size-4) * -1)}.wheel-back-link{color:var(--ub-color-neutral-80);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-6);font-weight:var(--ub-font-weight-700);letter-spacing:.08em;transition:color .15s}.wheel-back-link:hover{color:var(--ub-color-primary-90)}.voip-side-room{justify-content:flex-start;gap:var(--ub-size-4);padding-left:var(--ub-size-7);font-size:var(--ub-size-5)}.voip-side-room:disabled{opacity:.6;cursor:default}.voip-side-room.in-call{border-left-color:var(--ub-color-black-alpha-0);color:var(--ub-color-neutral-10);background:var(--ub-color-white-alpha-8)}.voip-side-room.in-call .voip-side-room-icon{color:var(--ub-color-primary-70)}.voip-side-live-tag{padding:var(--ub-size-1) var(--ub-size-2);border-radius:var(--ub-size-1);background:var(--ub-color-red-90);color:var(--ub-color-neutral-0);font-size:var(--ub-size-4);font-weight:var(--ub-font-weight-700);letter-spacing:.04em;flex:none;line-height:1.1}.voip-side-spin{color:var(--ub-color-primary-90);margin-left:auto}.voip-side-users{padding:var(--ub-size-2) var(--ub-size-1) var(--ub-size-2) var(--ub-size-10);gap:var(--ub-size-2);flex-direction:column;margin:0;list-style:none;display:flex}.voip-side-user{align-items:center;gap:var(--ub-size-4);box-sizing:border-box;width:100%;min-width:0;padding:var(--ub-size-2) var(--ub-size-2);border-radius:var(--ub-size-2);cursor:pointer;transition:background .15s;display:flex}.voip-side-user:hover{background:var(--ub-color-white-alpha-4)}.voip-side-user:hover .voip-side-user-name{color:var(--ub-color-neutral-10)}.voip-side-user .member-avatar{width:var(--ub-size-12);height:var(--ub-size-12);border-width:var(--ub-size-05)}.voip-side-user .member-avatar.speaking{border-color:var(--ub-color-green-60);box-shadow:0 0 0 var(--ub-size-1) var(--ub-color-green-alpha-24)}.voip-side-user .member-avatar span{font-size:var(--ub-size-4)}.voip-side-user-name{color:var(--ub-color-neutral-80);font-size:var(--ub-size-6);font-weight:var(--ub-font-weight-400);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.voip-side-user-muted{color:var(--ub-color-red-60);flex-shrink:0;margin-left:auto}.voice-user-menu-volume{gap:var(--ub-size-4);padding:var(--ub-size-4) var(--ub-size-5);color:var(--ub-color-neutral-80);font-size:var(--ub-size-6);font-weight:var(--ub-font-weight-600);flex-direction:column;display:flex}.voice-user-menu-volume input{width:100%;accent-color:var(--ub-color-primary-90)}.voice-user-menu-volume label{justify-content:space-between;gap:var(--ub-size-6);display:flex}.voip-stage{flex-direction:column;width:100%;height:100%;min-height:0;display:flex;position:relative}.voip-joining{z-index:4;justify-content:center;align-items:center;gap:var(--ub-size-6);background:var(--ub-color-black-alpha-72);color:var(--ub-color-neutral-10);font-size:var(--ub-size-7);flex-direction:column;display:flex;position:absolute;inset:0}.voip-joining-spinner{width:var(--ub-size-14);height:var(--ub-size-14);border:var(--ub-size-1) solid var(--ub-color-white-alpha-24);border-top-color:var(--ub-color-primary-70);border-radius:50%;animation:.75s linear infinite voip-spin}@keyframes voip-spin{to{transform:rotate(360deg)}}.voip-stage-status{top:var(--ub-size-8);z-index:2;align-items:center;gap:var(--ub-size-2);flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%)}.voip-entry{justify-content:center;align-items:center;gap:var(--ub-size-5);min-height:0;padding:var(--ub-size-12);text-align:center;flex-direction:column;flex:1;display:flex}.voip-entry-preview{justify-content:center;align-items:center;gap:var(--ub-size-4);margin-bottom:var(--ub-size-4);display:flex}.voip-entry-preview-person{width:var(--ub-size-80);height:var(--ub-size-46);border-radius:var(--ub-size-4);background:var(--ub-color-neutral-120);justify-content:center;align-items:center;display:flex;overflow:hidden}.voip-entry-preview-person img,.voip-entry-preview-person>span{width:var(--ub-size-20);height:var(--ub-size-20);border:var(--ub-size-1) solid var(--ub-color-primary-70);border-radius:50%}.voip-entry-preview-person img{object-fit:cover}.voip-entry-preview-person>span{background:var(--ub-color-neutral-130);color:var(--ub-color-neutral-10);font-size:var(--ub-size-7);font-weight:var(--ub-font-weight-700);justify-content:center;align-items:center;display:inline-flex}.voip-entry h2{color:var(--ub-color-neutral-10);font-size:var(--ub-size-10);font-weight:var(--ub-font-weight-600)}.voip-entry p{color:var(--ub-color-neutral-80);font-size:var(--ub-size-6)}.voip-entry-button{justify-content:center;align-items:center;gap:var(--ub-size-4);min-height:var(--ub-size-20);margin-top:var(--ub-size-4);padding:var(--ub-size-4) var(--ub-size-7);border:var(--ub-size-05) solid var(--ub-color-primary-90);border-radius:var(--ub-size-4);background:var(--ub-color-primary-90);color:var(--ub-color-neutral-0);cursor:pointer;font:inherit;font-size:var(--ub-size-6);display:inline-flex}.voip-entry-button:hover:not(:disabled){border-color:var(--ub-color-primary-70);background:var(--ub-color-primary-70)}.voip-entry-button:disabled{cursor:default;opacity:.6}.voip-screen-tile{border-color:var(--ub-color-white-alpha-16)}.voip-screen-preview{background:var(--ub-color-neutral-130);position:absolute;inset:0;overflow:hidden}.voip-screen-preview img,.voip-screen-preview span{object-fit:cover;width:100%;height:100%;filter:blur(var(--ub-size-4)) brightness(.58);transform:scale(1.08)}.voip-screen-preview span{background:var(--ub-color-neutral-120);color:var(--ub-color-neutral-10);font-size:var(--ub-size-16);font-weight:var(--ub-font-weight-700);justify-content:center;align-items:center;display:flex}.voip-screen-overlay{z-index:1;align-items:center;gap:var(--ub-size-5);padding:var(--ub-size-6);color:var(--ub-color-neutral-0);font-size:var(--ub-size-6);font-weight:var(--ub-font-weight-700);text-align:center;flex-direction:column;display:flex;position:relative}.voip-screen-overlay button,.voip-watch-toolbar button,.voip-watch-members-toggle{justify-content:center;align-items:center;gap:var(--ub-size-2);border:var(--ub-size-05) solid var(--ub-color-neutral-110);border-radius:var(--ub-size-4);background:var(--ub-color-neutral-120);color:var(--ub-color-neutral-10);cursor:pointer;font:inherit;display:inline-flex}.voip-screen-overlay button{padding:var(--ub-size-4) var(--ub-size-5);border-color:var(--ub-color-primary-90);background:var(--ub-color-primary-90);color:var(--ub-color-neutral-0)}.voip-screen-overlay button:hover{border-color:var(--ub-color-primary-70);background:var(--ub-color-primary-70)}.voip-watch-stage{min-height:0;padding:var(--ub-size-8) var(--ub-size-8) var(--ub-size-46);flex-direction:column;flex:1;display:flex}.voip-watch-toolbar{justify-content:space-between;align-items:center;gap:var(--ub-size-8);width:min(100%, var(--ub-size-540));margin:0 auto var(--ub-size-6);color:var(--ub-color-neutral-10);font-size:var(--ub-size-7);font-weight:var(--ub-font-weight-700);display:flex}.voip-watch-toolbar>span{align-items:center;gap:var(--ub-size-4);display:inline-flex}.voip-watch-toolbar button,.voip-watch-members-toggle{padding:var(--ub-size-4) var(--ub-size-5);color:var(--ub-color-neutral-80);font-size:var(--ub-size-6)}.voip-watch-toolbar button:hover,.voip-watch-members-toggle:hover{background:var(--ub-color-neutral-110);color:var(--ub-color-neutral-10)}.voip-watch-video{width:min(100%, var(--ub-size-540));border:var(--ub-size-05) solid var(--ub-color-neutral-110);border-radius:var(--ub-size-5);background:var(--ub-color-neutral-140);flex:1;min-height:0;margin:0 auto;overflow:hidden}.voip-watch-video video{object-fit:contain;width:100%;height:100%}.voip-watch-members{width:min(100%, var(--ub-size-540));margin:var(--ub-size-6) auto 0;text-align:center}.voip-watch-members-toggle{width:auto;padding-inline:var(--ub-size-4)}.voip-watch-member-grid{justify-content:center;gap:var(--ub-size-4);margin-top:var(--ub-size-4);padding-bottom:var(--ub-size-2);display:flex;overflow-x:auto}.voip-watch-member{align-items:center;gap:var(--ub-size-4);min-width:var(--ub-size-64);padding:var(--ub-size-4) var(--ub-size-4);border:var(--ub-size-05) solid var(--ub-color-neutral-110);border-radius:var(--ub-size-4);background:var(--ub-color-neutral-120);color:var(--ub-color-neutral-80);font-size:var(--ub-size-6);font-weight:var(--ub-font-weight-600);flex:none;display:flex}.voip-watch-member.speaking{border-color:var(--ub-color-primary-90)}.voip-watch-member img,.voip-watch-member>span:first-child{width:var(--ub-size-14);height:var(--ub-size-14);object-fit:cover;border-radius:50%;flex:none}.voip-watch-member>span:first-child{background:var(--ub-color-neutral-130);color:var(--ub-color-neutral-10);justify-content:center;align-items:center;display:inline-flex}.voip-ctl.active{border-color:var(--ub-color-primary-90);background:var(--ub-color-green-alpha-16);color:var(--ub-color-primary-70)}.voip-share-dialog{width:min(var(--ub-size-196), calc(100vw - var(--ub-size-16)))}.voip-share-dialog-header{justify-content:space-between;align-items:flex-start;gap:var(--ub-size-8);display:flex}.voip-share-audio-option{align-items:flex-start;gap:var(--ub-size-5);margin-top:var(--ub-size-9);padding:var(--ub-size-6);border:var(--ub-size-05) solid var(--ub-color-neutral-110);border-radius:var(--ub-size-4);cursor:pointer;display:flex}.voip-share-audio-option input{width:var(--ub-size-8);height:var(--ub-size-8);margin:var(--ub-size-1) 0 0;accent-color:var(--ub-color-primary-90)}.voip-share-audio-option span{gap:var(--ub-size-2);color:var(--ub-color-neutral-10);font-size:var(--ub-size-6);flex-direction:column;display:flex}.voip-share-audio-option small{color:var(--ub-color-neutral-80);font-size:var(--ub-size-6);line-height:1.35}.voip-status{color:var(--ub-color-primary-90);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-6);font-weight:var(--ub-font-weight-700);letter-spacing:.06em}.voip-stage-grid{place-content:center;gap:var(--ub-size-7);min-height:0;padding:var(--ub-size-12) var(--ub-size-12) var(--ub-size-48);flex-wrap:wrap;flex:1;display:flex;overflow-y:auto}.voip-empty{color:var(--ub-color-neutral-80);font-size:var(--ub-size-7)}.voip-tile{width:var(--ub-size-76);height:var(--ub-size-76);border:var(--ub-size-05) solid var(--ub-color-neutral-110);border-radius:var(--ub-size-5);background:var(--ub-color-neutral-120);justify-content:center;align-items:center;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.voip-tile.speaking{border-color:var(--ub-color-green-60);box-shadow:0 0 0 var(--ub-size-1) var(--ub-color-green-alpha-32), 0 0 var(--ub-size-12) var(--ub-color-green-alpha-16)}.voip-tile-photo{object-fit:cover;width:100%;height:100%}.voip-tile-initial{color:var(--ub-color-primary-70);font-family:var(--ub-font-family), sans-serif;font-size:var(--ub-size-18);font-weight:var(--ub-font-weight-700)}.voip-tile-name{left:var(--ub-size-4);bottom:var(--ub-size-4);max-width:calc(100% - var(--ub-size-6));padding:var(--ub-size-1) var(--ub-size-4);border-radius:var(--ub-size-2);background:var(--ub-color-black-alpha-72);color:var(--ub-color-neutral-0);font-size:var(--ub-size-6);font-weight:var(--ub-font-weight-600);text-overflow:ellipsis;white-space:nowrap;position:absolute;overflow:hidden}.voip-tile-muted{right:var(--ub-size-4);bottom:var(--ub-size-4);width:var(--ub-size-12);height:var(--ub-size-12);background:var(--ub-color-black-alpha-72);color:var(--ub-color-red-60);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.voip-footer{left:50%;bottom:var(--ub-size-10);z-index:2;align-items:center;gap:var(--ub-size-5);padding:0;display:flex;position:absolute;transform:translate(-50%)}.voip-ctl{width:var(--ub-size-26);height:var(--ub-size-26);border:var(--ub-size-05) solid var(--ub-color-neutral-110);border-radius:var(--ub-size-5);background:var(--ub-color-neutral-120);color:var(--ub-color-neutral-10);cursor:pointer;box-shadow:0 var(--ub-size-4) var(--ub-size-10) var(--ub-color-black-alpha-32);justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,border-color .15s,transform .15s;display:inline-flex}.voip-ctl:hover{background:var(--ub-color-neutral-110);transform:translateY(calc(var(--ub-size-05) * -1))}.voip-ctl:disabled{opacity:.6;cursor:default}.voip-ctl.muted{border-color:var(--ub-color-red-alpha-48);background:var(--ub-color-red-alpha-12);color:var(--ub-color-red-60)}.voip-ctl-leave{width:var(--ub-size-32);border-radius:var(--ub-size-5);border-color:var(--ub-color-red-80);background:var(--ub-color-red-80);color:var(--ub-color-neutral-0)}.voip-ctl-leave:hover{background:var(--ub-color-red-100);border-color:var(--ub-color-red-100)}.voip-ctl-join{width:var(--ub-size-32);border-radius:var(--ub-size-500);border-color:var(--ub-color-primary-90);background:var(--ub-color-primary-90);color:var(--ub-color-neutral-0)}.voip-ctl-join:hover:not(:disabled){background:var(--ub-color-primary-70);border-color:var(--ub-color-primary-70)}.group-sidebar-add .group-sidebar-avatar{border-color:var(--ub-color-neutral-110);background:var(--ub-color-neutral-120);color:var(--ub-color-neutral-80)}.group-sidebar-add:hover .group-sidebar-avatar{border-color:var(--ub-color-primary-90);background:var(--ub-color-primary-90);color:var(--ub-color-neutral-0)}