.huddle-backdrop{z-index:1000;-webkit-backdrop-filter:blur(14px)saturate(120%);background:#0000008c;justify-content:center;align-items:center;animation:.25s ease-out huddle-fade-in;display:flex;position:fixed;inset:0}@keyframes huddle-fade-in{0%{opacity:0}to{opacity:1}}.huddle-modal{background:radial-gradient(circle at 30% 0,#a3e63514,#0000 50%),radial-gradient(circle at 80% 100%,#8b5cf614,#0000 55%),#0d1117;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;width:min(1400px,96vw);height:min(900px,94vh);animation:.35s cubic-bezier(.22,1,.36,1) huddle-pop;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px -20px #0009,inset 0 0 0 1px #ffffff08}@keyframes huddle-pop{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.huddle-aurora{filter:blur(50px);pointer-events:none;opacity:.8;background:radial-gradient(40% 50% at 30%,#a3e63538,#0000 70%),radial-gradient(45% 55% at 70%,#3b82f62e,#0000 70%),radial-gradient(35% 50% at 50% 30%,#ec489924,#0000 70%);height:60%;animation:18s ease-in-out infinite alternate huddle-aurora;position:absolute;inset:-40% -20% auto}@keyframes huddle-aurora{0%{transform:translate(-4%,-2%)rotate(0)}to{transform:translate(4%,3%)rotate(8deg)}}.huddle-header{z-index:1;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:relative}.huddle-title{color:#e5e7eb;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.huddle-title-text{letter-spacing:.01em}.huddle-live-dot{background:#a3e635;border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite huddle-pulse-dot;box-shadow:0 0 0 4px #a3e63533}@keyframes huddle-pulse-dot{0%,to{box-shadow:0 0 0 4px #a3e63533}50%{box-shadow:0 0 0 8px #a3e63514}}.huddle-close{color:#a1a1aa;cursor:pointer;background:#ffffff0a;border:0;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,color .15s;display:inline-flex}.huddle-close svg{width:16px;height:16px}.huddle-close:hover{color:#fff;background:#ffffff1a}.huddle-close--leave{color:#f87171;background:#ef444424}.huddle-close--leave:hover{color:#fca5a5;background:#ef444447}.huddle-content{z-index:1;flex:1;min-height:0;position:relative}.huddle-body{flex-direction:column;gap:10px;height:100%;padding:14px 22px 18px;display:flex}.huddle-stage{flex:1;align-items:stretch;gap:12px;min-height:0;display:flex}.huddle-stage.has-screen .huddle-grid{flex:0 0 220px;grid-auto-rows:170px;align-content:start}.huddle-stage.has-screen .huddle-screen-stage{aspect-ratio:auto;flex:1;height:100%;margin:0}.huddle-state{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;font-size:13px;display:flex}.huddle-state--error{color:#f87171}.huddle-spinner{width:22px;height:22px;animation:1s linear infinite huddle-spin}@keyframes huddle-spin{to{transform:rotate(360deg)}}.huddle-meta{color:#9ca3af;letter-spacing:.04em;text-transform:uppercase;justify-content:center;align-items:center;gap:14px;margin-bottom:14px;font-size:11px;display:flex}.huddle-status{border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-weight:700;display:inline-flex}.huddle-status.is-live{color:#bef264;background:#a3e63526}.huddle-status.is-connecting{color:#fde047;background:#facc151f}.huddle-status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.huddle-status.is-live:before{animation:1.4s ease-in-out infinite huddle-pulse-dot}.huddle-timer{font-variant-numeric:tabular-nums;color:#d4d4d8;font-weight:600}.huddle-count{font-weight:500}.huddle-screen-stage{aspect-ratio:16/9;background:#000;border-radius:14px;width:100%;margin:6px 0 12px;position:relative;overflow:hidden;box-shadow:0 12px 32px #00000080,inset 0 0 0 1px #ffffff14}.huddle-screen-video{object-fit:contain;background:#000;width:100%;height:100%}.huddle-screen-label{color:#6ee7b7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10b98133;border:1px solid #10b98166;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:10px;left:10px}.huddle-video-tile,.huddle-orb-tile{background:#0a0a0a;border-radius:16px;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;transition:box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0006,inset 0 0 0 1px #ffffff0f}.huddle-orb-tile.is-speaking,.huddle-video-tile.is-speaking{box-shadow:0 8px 24px #00000080,inset 0 0 0 2px #10b981b3}.huddle-video-el{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.huddle-video-meta{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border-radius:999px;justify-content:space-between;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.huddle-video-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.huddle-video-muted{color:#f87171;justify-content:center;align-items:center;display:inline-flex}.huddle-grid{flex:1;align-content:stretch;justify-items:stretch;gap:12px;min-height:0;display:grid;overflow-y:auto}.huddle-grid--n1{grid-template-columns:1fr}.huddle-grid--n2{grid-template-columns:repeat(2,1fr)}.huddle-grid--n3{grid-template-columns:repeat(3,1fr)}.huddle-grid--n4{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr)}.huddle-grid--n5,.huddle-grid--n6{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr)}.huddle-orb-tile{flex-direction:column;gap:14px;padding:18px}.huddle-orb-tile.is-speaking{box-shadow:0 8px 24px #00000080,inset 0 0 0 2px #a3e635b3}.huddle-orb{flex-direction:column;justify-content:center;align-items:center;gap:14px;animation:.4s cubic-bezier(.22,1,.36,1) huddle-orb-in;display:flex;position:relative}.huddle-orb-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.huddle-orb-viz{opacity:.6;justify-content:center;align-items:center;width:64px;height:28px;transition:opacity .2s;display:flex}.huddle-orb-tile.is-speaking .huddle-orb-viz{opacity:1}.huddle-orb-viz .lk-audio-bar-visualizer,.huddle-orb-viz [data-lk-audio-bar-visualizer]{justify-content:center;align-items:center;gap:4px;width:100%;height:100%;display:flex}.huddle-orb-viz .lk-audio-bar,.huddle-orb-viz [data-lk-audio-bar]{background:linear-gradient(#bef264,#65a30d);border-radius:999px;width:4px;transition:height 80ms ease-out}@keyframes huddle-orb-in{0%{opacity:0;transform:translateY(10px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.huddle-orb-avatar{color:#fff;letter-spacing:.02em;border:2px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;font-size:36px;font-weight:700;transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .25s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff26,0 8px 20px -10px #00000080}.huddle-orb-tile.is-speaking .huddle-orb-avatar{border-color:#a3e635d9;animation:1.6s ease-in-out infinite huddle-speaking-pulse;transform:scale(1.06);box-shadow:inset 0 1px #ffffff26,0 0 0 3px #a3e63540,0 0 34px #a3e63559}@keyframes huddle-speaking-pulse{0%,to{box-shadow:inset 0 1px #ffffff26,0 0 0 3px #a3e63540,0 0 28px #a3e6354d}50%{box-shadow:inset 0 1px #ffffff26,0 0 0 5px #a3e63526,0 0 44px #a3e63573}}.huddle-orb-muted{color:#fff;background:#ef4444;border:2px solid #0d1117;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;bottom:-2px;right:-2px}.huddle-orb-muted svg{width:12px;height:12px}.huddle-orb-name{white-space:nowrap;text-overflow:ellipsis;color:#d4d4d8;max-width:140px;font-size:12px;font-weight:500;overflow:hidden}.huddle-controls{border-top:1px solid #ffffff0f;justify-content:center;align-items:center;gap:10px;padding-top:14px;display:flex}.huddle-btn{color:#e5e7eb;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:transform .12s,background .15s,color .15s,border-color .15s;display:inline-flex}.huddle-btn svg{width:16px;height:16px}.huddle-btn:hover{background:#ffffff14;transform:translateY(-1px)}.huddle-btn:active{transform:translateY(0)}.huddle-btn.is-on{color:#bef264;background:#a3e63526;border-color:#a3e63559}.huddle-btn.is-muted{color:#fca5a5;background:#f871711f;border-color:#f871714d}.huddle-btn--leave{color:#fff;background:#ef4444;border-color:#ef4444}.huddle-btn--leave:hover{background:#dc2626;border-color:#dc2626}.huddle-header-actions{align-items:center;gap:4px;display:flex}.huddle-pill-wrap{z-index:999;cursor:grab;touch-action:none;flex-direction:column;align-items:stretch;gap:6px;max-width:calc(100vw - 16px);display:flex;position:fixed}.huddle-pill-wrap:active{cursor:grabbing}.huddle-pill-resize{cursor:ew-resize;touch-action:none;z-index:2;background:0 0;width:12px;height:100%;position:absolute;top:0;left:-6px}.huddle-pill-resize:after{content:"";background:#ffffff26;border-radius:2px;width:3px;height:28px;transition:background .15s;position:absolute;top:50%;left:5px;transform:translateY(-50%)}.huddle-pill-resize:hover:after{background:#22c55e99}.huddle-pill-drag{color:#fff6;cursor:grab;touch-action:none;background:0 0;border:0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:34px;padding:0;transition:background .15s,color .15s;display:inline-flex}.huddle-pill-drag:hover{color:#ffffffd9;background:#ffffff0f}.huddle-pill-drag:active{cursor:grabbing}.huddle-pill-drag svg{width:14px;height:14px}.huddle-pill-strip{justify-content:flex-start;gap:8px;width:100%;animation:.3s cubic-bezier(.22,1,.36,1) huddle-pill-in;display:flex;overflow-x:auto}.huddle-pill-tile{aspect-ratio:4/3;background:#0a0a0a;border-radius:14px;flex:1 1 0;min-width:0;height:auto;transition:box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 10px 24px #00000073,inset 0 0 0 1px #ffffff0f}.huddle-pill-tile.is-speaking{box-shadow:0 10px 24px #0000008c,inset 0 0 0 2px #22c55ecc}.huddle-pill-tile-video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.huddle-pill-tile-avatar{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:24px;font-weight:700;display:flex}.huddle-pill-tile-img{object-fit:cover;width:100%;height:100%;display:block}.huddle-pill-wrap .huddle-pill{border:1px solid #22c55e59;border-radius:12px;justify-content:space-between;gap:4px;width:100%;padding:4px 6px 4px 2px;position:relative;bottom:auto;left:auto;right:auto}.huddle-pill-wrap .huddle-pill-main{flex:1;justify-content:flex-start;min-width:0;padding:4px 8px}.huddle-pill-wrap .huddle-pill-btn{width:30px;height:30px}.huddle-pill-wrap .huddle-pill-btn svg{width:14px;height:14px}.huddle-pill{z-index:999;color:#e5e7eb;background:linear-gradient(135deg,#22c55e2e,#16a34a40),#0d1117;border:1px solid #22c55e59;border-radius:999px;align-items:center;gap:6px;padding:6px;animation:.3s cubic-bezier(.22,1,.36,1) huddle-pill-in;display:inline-flex;position:fixed;bottom:20px;right:20px;box-shadow:0 20px 40px -14px #0000008c,0 0 0 4px #22c55e14}.huddle-connecting-overlay{z-index:1100;-webkit-backdrop-filter:blur(6px);background:#05070a8c;justify-content:center;align-items:center;animation:.18s ease-out huddle-connecting-fade;display:flex;position:fixed;inset:0}.huddle-connecting-card{background:linear-gradient(135deg,#22c55e14,#16a34a1f),#0f1114;border:1px solid #22c55e59;border-radius:18px;flex-direction:column;align-items:center;gap:18px;min-width:280px;padding:32px 40px;animation:.22s cubic-bezier(.22,1,.36,1) huddle-connecting-pop;display:flex;box-shadow:0 30px 60px -20px #000000b3,0 0 0 6px #22c55e14}.huddle-connecting-spinner{background:#22c55e1f;border:1px solid #22c55e59;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.huddle-connecting-spinner svg{color:#22c55e;width:28px;height:28px;animation:.9s linear infinite huddle-spin}.huddle-connecting-text{text-align:center}.huddle-connecting-title{color:#ecfdf5;margin-bottom:4px;font-size:15px;font-weight:600}.huddle-connecting-sub{color:#ffffff8c;font-size:12px}@keyframes huddle-connecting-fade{0%{opacity:0}to{opacity:1}}@keyframes huddle-connecting-pop{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.huddle-pill--error{color:#fecaca;background:linear-gradient(135deg,#f8717126,#991b1b40),#0d1117;border-color:#f8717159;padding:10px 14px;font-size:12px}@keyframes huddle-pill-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.huddle-pill-main{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 10px;transition:background .15s;display:inline-flex}.huddle-pill-main:hover{background:#ffffff0f}.huddle-pill-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1.4s ease-in-out infinite huddle-pulse-dot;box-shadow:0 0 0 4px #22c55e40}.huddle-pill-text{text-align:left;flex-direction:column;align-items:flex-start;line-height:1.15;display:flex}.huddle-pill-name{color:#ecfdf5;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:12px;font-weight:600;overflow:hidden}.huddle-pill-sub{color:#86efac;opacity:.85;font-size:10px}.huddle-pill-expand{color:#fff9;width:14px;height:14px;margin-left:4px}.huddle-pill-btn{color:#e5e7eb;cursor:pointer;background:#ffffff0f;border:0;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s,transform .12s;display:inline-flex}.huddle-pill-btn svg{width:16px;height:16px}.huddle-pill-btn:hover{background:#ffffff1f}.huddle-pill-btn:active{transform:scale(.94)}.huddle-pill-btn.is-muted{color:#fca5a5;background:#f871712e}.huddle-pill-btn--leave{color:#fff;background:#ef4444}.huddle-pill-btn--leave:hover{background:#dc2626}.ly-chatlist-huddle{color:#86efac;letter-spacing:.02em;cursor:pointer;background:#22c55e2e;border-radius:999px;flex-shrink:0;align-items:center;gap:3px;padding:2px 7px;font-size:10px;font-weight:700;transition:background .12s,transform .12s;animation:2s ease-in-out infinite ly-huddle-breathe;display:inline-flex}.ly-chatlist-huddle:hover{background:#22c55e47;transform:scale(1.04)}.ly-chatlist-huddle svg{width:10px;height:10px}
