.app-group-room-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:linear-gradient(145deg,var(--secondary,#e8efe9),var(--card,#f2ecfa));color:var(--foreground,#17211e)}
.app-group-shell{background:radial-gradient(circle at 75% 10%,rgba(143,112,196,.12),transparent 34%),radial-gradient(circle at 16% 82%,rgba(68,149,115,.12),transparent 35%),linear-gradient(145deg,var(--background,#f8fbf9),var(--card,#f3f0fa))}.app-group-top{padding-bottom:8px}.app-group-video-stage{position:relative;min-height:0;overflow:hidden;padding:0 16px 14px;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px}.app-group-spotlight{position:relative;min-height:260px;border:0;border-radius:28px;overflow:hidden;padding:0;background:#13211e;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 20px 50px rgba(0,0,0,.12);cursor:default}.app-group-spotlight video{width:100%;height:100%;object-fit:cover;display:block}.app-group-spotlight>b{position:absolute;left:15px;bottom:14px;padding:6px 10px;border-radius:999px;background:rgba(4,15,12,.58);font-size:11px;backdrop-filter:blur(8px)}.app-group-video-fallback{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:8px}.app-group-video-fallback>span,.app-group-video-fallback>img{display:grid;place-items:center;width:122px;height:122px;border-radius:42% 58% 48% 52%;object-fit:cover;background:rgba(255,255,255,.12);font-size:38px;font-weight:800;box-shadow:0 0 0 14px rgba(255,255,255,.045),0 0 0 30px rgba(255,255,255,.025)}.app-group-video-fallback small{font-size:11px;opacity:.75}.app-group-orbit-rail{position:relative;z-index:2;display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;padding:3px 2px 6px;scrollbar-width:thin}.app-group-orbit-tile{position:relative;flex:0 0 146px;aspect-ratio:4/3;border:1px solid rgba(123,143,135,.34);border-radius:24px 24px 24px 8px;overflow:hidden;padding:0;background:#1b2926;color:#fff;box-shadow:0 10px 25px rgba(0,0,0,.14);cursor:pointer;transition:transform .14s ease}.app-group-orbit-tile:hover{transform:translateY(-2px)}.app-group-orbit-tile video{width:100%;height:100%;object-fit:cover;display:block}.app-group-tile-fallback{position:absolute;inset:0;display:grid;place-items:center}.app-group-tile-fallback>span,.app-group-tile-fallback>img{width:54px;height:54px;border-radius:20px;display:grid;place-items:center;object-fit:cover;background:rgba(255,255,255,.12);font-size:18px;font-weight:800}.app-group-orbit-tile small{position:absolute;left:8px;bottom:7px;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 7px;border-radius:999px;background:rgba(0,0,0,.5);font-size:9px}.app-group-constellation-line{position:absolute;left:9%;right:9%;bottom:84px;height:62px;border-bottom:1px solid rgba(85,142,119,.22);border-radius:0 0 50% 50%;pointer-events:none}
.app-group-voice-stage{position:relative;min-height:0;overflow:auto;display:grid;place-items:center;padding:22px}.app-group-voice-rings{position:absolute;width:min(66vw,600px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(83,145,119,.16)}.app-group-voice-rings i{position:absolute;inset:12%;border:1px dashed rgba(132,111,184,.16);border-radius:48% 52% 46% 54%;animation:app-group-ring 12s linear infinite}.app-group-voice-rings i:nth-child(2){inset:27%;animation-direction:reverse;animation-duration:17s}.app-group-voice-rings i:nth-child(3){inset:-13%;animation-duration:24s}@keyframes app-group-ring{to{transform:rotate(360deg)}}.app-group-voice-constellation{position:relative;z-index:1;width:min(720px,100%);display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));align-items:center;gap:24px}.app-group-voice-person{display:grid;justify-items:center;gap:6px;text-align:center}.app-group-voice-avatar{display:grid;place-items:center;width:88px;height:88px;border-radius:38% 62% 50% 50%;overflow:hidden;background:var(--secondary,#e8efe9);font-size:26px;font-weight:800;box-shadow:0 0 0 8px rgba(89,149,121,.07),0 12px 28px rgba(0,0,0,.1)}.app-group-voice-avatar img,.app-group-voice-avatar>span{width:100%;height:100%;object-fit:cover;display:grid;place-items:center}.app-group-voice-person strong{max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.app-group-voice-person small{font-size:9px;color:var(--muted-foreground,#61706a)}
.app-group-invite-stage{display:grid;place-items:center;align-content:center;gap:10px;text-align:center;padding:24px}.app-group-room-mark{display:grid;place-items:center;width:112px;height:112px;border-radius:36% 64% 54% 46%;background:linear-gradient(145deg,var(--secondary,#e6efe8),var(--card,#eee8f8));box-shadow:0 0 0 14px rgba(82,143,118,.06),0 20px 46px rgba(0,0,0,.12)}.app-group-room-mark svg{width:42px;height:42px}.app-group-invite-stage h2{margin:10px 0 0;font-size:26px}.app-group-invite-stage>p{margin:0;color:var(--muted-foreground,#61706a);font-size:12px}.app-group-caller{margin-top:18px;display:grid;justify-items:center;gap:5px}.app-group-caller>span{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;overflow:hidden;background:var(--secondary,#e8efe9);font-weight:800}.app-group-caller img,.app-group-caller>span>span{width:100%;height:100%;object-fit:cover;display:grid;place-items:center}.app-group-caller b{font-size:13px}.app-group-caller small{font-size:10px;color:var(--muted-foreground,#61706a)}.app-group-incoming{display:flex;justify-content:center;gap:22px;padding:12px 16px max(22px,env(safe-area-inset-bottom))}.app-group-mini .app-call-mini-avatar{background:linear-gradient(145deg,var(--secondary,#e8efe9),var(--card,#eee8f8))}.app-group-mini .app-call-mini-avatar svg{width:18px;height:18px}.app-group-dock{z-index:6}
@media(max-width:720px){.app-group-video-stage{padding:0 8px 8px;gap:8px}.app-group-spotlight{min-height:0;border-radius:22px}.app-group-orbit-rail{gap:7px}.app-group-orbit-tile{flex-basis:112px;border-radius:18px 18px 18px 7px}.app-group-video-fallback>span,.app-group-video-fallback>img{width:94px;height:94px;font-size:30px}.app-group-voice-stage{padding:12px}.app-group-voice-constellation{grid-template-columns:repeat(3,minmax(82px,1fr));gap:18px 9px}.app-group-voice-avatar{width:70px;height:70px;font-size:22px}.app-group-voice-rings{width:88vw}.app-group-invite-stage h2{font-size:22px}.app-group-room-mark{width:92px;height:92px}.app-group-incoming{padding-bottom:max(28px,env(safe-area-inset-bottom))}}
@media(max-width:420px){.app-group-orbit-tile{flex-basis:94px}.app-group-voice-constellation{grid-template-columns:repeat(3,1fr)}.app-group-voice-avatar{width:62px;height:62px}.app-group-voice-person strong{max-width:92px;font-size:10px}.app-group-spotlight>b{font-size:9px}.app-group-constellation-line{display:none}}
@media(prefers-reduced-motion:reduce){.app-group-voice-rings i{animation:none}.app-group-orbit-tile{transition:none}}
.app-group-picker-backdrop{z-index:10070}.app-group-picker{width:min(92vw,520px);max-height:min(82vh,700px);display:flex;flex-direction:column;background:var(--surface,#fff);color:var(--foreground,#17251f);border:1px solid var(--border,#cbd7cd);border-radius:20px;box-shadow:0 24px 80px #0003;overflow:hidden}.app-group-picker>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border,#d8e2da)}.app-group-picker>header>div{display:grid;gap:3px}.app-group-picker>header strong{font-size:18px}.app-group-picker>header small{font-size:12px;color:var(--muted-foreground,#66766e)}.app-group-picker-tools{display:flex;align-items:center;gap:7px;padding:10px 14px;border-bottom:1px solid var(--border,#d8e2da)}.app-group-picker-tools button{border:1px solid var(--border,#d8e2da);border-radius:999px;background:var(--background,#f8faf7);color:inherit;padding:5px 9px;font:inherit;font-size:11px;cursor:pointer}.app-group-picker-tools span{margin-left:auto;font-size:11px;color:var(--muted-foreground,#66766e)}.app-group-picker-list{display:grid;gap:4px;overflow:auto;padding:10px 12px;min-height:120px}.app-group-picker-person{display:grid;grid-template-columns:22px 40px minmax(0,1fr);align-items:center;gap:10px;padding:9px 10px;border-radius:12px;cursor:pointer}.app-group-picker-person:hover{background:var(--muted,#edf2ed)}.app-group-picker-person input{width:18px;height:18px;accent-color:var(--primary,#3f6e55)}.app-group-picker-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:var(--secondary,#e3ece4);font-weight:700}.app-group-picker-avatar img{width:100%;height:100%;object-fit:cover}.app-group-picker-person>span:last-child{display:grid;gap:3px;min-width:0}.app-group-picker-person b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-group-picker-person small{font-size:10px;color:var(--muted-foreground,#66766e);text-transform:capitalize}.app-group-picker>footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 14px;border-top:1px solid var(--border,#d8e2da)}.app-group-picker>footer button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border-radius:11px;padding:8px 13px;font:inherit;font-weight:650;cursor:pointer}.app-group-picker-cancel{border:1px solid var(--border,#d8e2da);background:var(--surface,#fff);color:inherit}.app-group-picker-start{border:1px solid var(--primary,#3f6e55);background:var(--primary,#3f6e55);color:var(--primary-foreground,#fff)}.app-group-picker-start:disabled{opacity:.45;cursor:not-allowed}@media(max-width:600px){.app-group-picker{width:calc(100vw - 18px);max-height:88vh;border-radius:17px}.app-group-picker>header{padding:14px}.app-group-picker-list{padding-inline:8px}.app-group-picker>footer{display:grid;grid-template-columns:1fr 1.25fr}.app-group-picker>footer button{width:100%}}