.lj-root{--lj-surface:#fff;--lj-soft:#f8fafc;--lj-border:#e2e8f0;--lj-text:#0f172a;--lj-muted:#64748b;isolation:isolate;min-width:0;color:var(--lj-text);position:relative}.dark .lj-root{--lj-surface:#0f172a;--lj-soft:#162033;--lj-border:#334155;--lj-text:#f1f5f9;--lj-muted:#a8b6ca}.lj-root *,.lj-root :before,.lj-root :after{box-sizing:border-box}.lj-app{background:var(--lj-soft);border:1px solid var(--lj-border);border-radius:24px;flex-direction:column;height:calc(100dvh - 160px);min-height:360px;max-height:1000px;display:flex;overflow:hidden;box-shadow:0 12px 36px -20px #0f172a40}.lj-content{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;overflow:hidden auto}.lj-stage{min-width:0;padding:24px}.lj-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.lj-room{flex:240px;align-items:center;gap:12px;min-width:0;display:flex}.lj-room-copy{flex:1;min-width:0}.lj-room-icon{color:#fff;background:#0f766e;border-radius:16px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.lj-room h2{overflow-wrap:anywhere;letter-spacing:-.025em;margin:0;font-size:clamp(1.125rem,2vw,1.5rem);font-weight:750;line-height:1.3}.lj-live,.lj-idle{color:var(--lj-muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:.75rem;font-weight:600;line-height:1.5;display:inline-flex}.lj-live{color:#047857}.dark .lj-live{color:#6ee7b7}.lj-live i{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.lj-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lj-icon-btn{border:1px solid var(--lj-border);background:var(--lj-surface);width:44px;min-width:44px;height:44px;color:var(--lj-muted);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:0;transition:background .15s,border-color .15s;display:inline-flex}.lj-icon-btn svg{flex-shrink:0;width:17px;height:17px}.lj-icon-btn:hover:not(:disabled){background:var(--lj-soft);color:var(--lj-text);border-color:#94a3b8}.lj-icon-btn.lj-active{color:#92400e;background:#fef3c7;border-color:#fcd34d}.lj-icon-btn.lj-locked{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.lj-count,.lj-pill{min-width:24px;color:var(--lj-text);background:var(--lj-soft);border-radius:999px;justify-content:center;align-items:center;padding:3px 7px;font-size:.75rem;font-weight:700;line-height:1.2;display:inline-flex}.lj-stage-wrap{border:1px solid var(--lj-border);background:var(--lj-surface);border-radius:20px;padding:20px;position:relative}.lj-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.lj-section-head h3,.lj-side-title h3{color:var(--lj-text);font-size:.9375rem;font-weight:700}.lj-section-head [data-slot=badge]{white-space:normal;font-size:.75rem}.lj-grid,.lj-list{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));align-items:stretch;gap:12px;padding:4px 4px 12px;display:grid;overflow-x:auto}.lj-speaker{border:1px solid var(--lj-border);background:var(--lj-soft);border-radius:16px;flex-direction:column;align-items:center;gap:10px;min-width:0;padding:20px 10px 14px;display:flex}.lj-speaker.lj-speaking{border-color:#14b8a6;box-shadow:inset 0 0 0 1px #14b8a6}.lj-ava-wrap{color:inherit;background:0 0;border:0;border-radius:50%;margin:4px;padding:0;position:relative}.lj-ava{border:3px solid var(--lj-surface);color:#fff;border-radius:50%;place-items:center;width:64px;height:64px;font-size:1.5rem;font-weight:700;display:grid;position:relative}.lj-speaking .lj-ava{outline-offset:3px;outline:3px solid #14b8a6}.lj-ava-wrap.lj-speaking:before{content:"";pointer-events:none;border:2px solid #14b8a6;border-radius:50%;animation:1.4s ease-out infinite lj-speak-pulse;position:absolute;inset:-6px}.lj-ava-wrap.lj-speaking:after{content:"";pointer-events:none;border:1.5px solid #5eead4;border-radius:50%;animation:1.4s ease-out .2s infinite lj-speak-pulse;position:absolute;inset:-2px}@keyframes lj-speak-pulse{0%{opacity:.9;transform:scale(.6)}50%{opacity:.35}to{opacity:0;transform:scale(1.55)}}.lj-mic,.lj-mod{border:2px solid var(--lj-surface);z-index:2;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute}.lj-mic{color:#047857;background:#d1fae5;bottom:-3px;right:-5px}.lj-mic.lj-muted{color:#fff;background:#e11d48}.lj-mod{color:#92400e;background:#fde68a;top:-4px;left:-5px}.lj-hand{border:2px solid var(--lj-surface);color:#92400e;z-index:2;background:#fde68a;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:-4px;right:-5px}.lj-name{text-align:center;overflow-wrap:anywhere;max-width:100%;font-size:.8125rem;font-weight:650;line-height:1.4}.lj-speaker-status{color:var(--lj-muted);font-size:.75rem}.lj-speaking .lj-speaker-status{color:#047857}.dark .lj-speaking .lj-speaker-status{color:#6ee7b7}.lj-root .speaking-bar{border-radius:2px;width:3px;display:block}.lj-side{min-width:0;padding:0 24px 24px}.lj-side-inner{border:1px solid var(--lj-border);background:var(--lj-surface);border-radius:20px;padding:20px}.lj-side-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.lj-side-title{align-items:center;gap:8px;display:flex}.lj-stack{flex-direction:row-reverse;padding-left:8px;display:flex}.lj-stack span{border:2px solid var(--lj-surface);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;margin-left:-8px;font-size:.75rem;font-weight:700;display:grid}.lj-card{background:var(--lj-soft);border:1px solid var(--lj-border);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:12px;min-width:0;padding:18px 12px;display:flex}.lj-card-ava{color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;font-size:1.125rem;font-weight:700;display:grid}.lj-member-button{background:0 0;border:0;border-radius:50%;padding:0}.lj-card-info{width:100%;min-width:0}.lj-card-name{overflow-wrap:anywhere;font-size:.8125rem;font-weight:650;line-height:1.5}.lj-card-role{color:var(--lj-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin-top:4px;font-size:.75rem;display:flex}.lj-card-role:before{content:"";background:#94a3b8;border-radius:50%;width:6px;height:6px}.lj-card-role.lj-warn:before{background:#d97706}.lj-card-role.lj-info:before{background:#6366f1}.lj-card-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.lj-card-actions:empty{display:none}.lj-mini{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:8px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.lj-mini-green{color:#166534;background:#dcfce7}.lj-mini-rose{color:#991b1b;background:#fee2e2}.lj-mini-amber{color:#92400e;background:#fef3c7}.lj-mini-slate{background:var(--lj-border);color:var(--lj-text)}.lj-mini-voted{color:#fff;background:#be123c}.lj-empty{border:1px dashed var(--lj-border);text-align:center;color:var(--lj-muted);border-radius:14px;padding:28px 16px;font-size:.875rem;line-height:1.6}.lj-notes,.lj-alert{background:#fffbeb;border:1px solid #fde68a;border-radius:16px;margin-bottom:20px;padding:16px}.lj-alert{text-align:center;background:#fff1f2;border-color:#fecdd3}.dark .lj-notes{background:#292313;border-color:#785b23}.dark .lj-alert{background:#301821;border-color:#881337}.lj-notes input{min-width:0;min-height:44px;font-size:1rem}.lj-note-form{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.lj-note-form input{flex:160px}.lj-notes button{min-width:44px;min-height:44px}.lj-controls{padding:16px 24px;padding-bottom:max(16px, env(safe-area-inset-bottom));background:var(--lj-surface);border-top:1px solid var(--lj-border);flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:12px;display:flex}.lj-btn{color:#fff;cursor:pointer;border:0;border-radius:14px;flex:1 1 0;justify-content:center;align-items:center;gap:8px;min-width:0;max-width:220px;min-height:48px;padding:12px 16px;font-size:.875rem;font-weight:650;display:flex}.lj-controls-sticky{z-index:10;position:sticky;bottom:0;box-shadow:0 -6px 20px -12px #0f172a40}.lj-btn svg{flex-shrink:0;width:20px;height:20px}.lj-btn-mic{background:#0f766e}.lj-btn-mic:hover{background:#115e59}.lj-btn-leave{background:#be123c}.lj-btn-leave:hover{background:#9f1239}.lj-btn-ask{background:#b45309}.lj-btn-ask:hover{background:#92400e}.lj-btn-ask:disabled,.lj-btn-ask:disabled:hover{background:#a0a0a0}.dark .lj-btn-ask{background:#d97706}.dark .lj-btn-ask:hover{background:#f59e0b}.dark .lj-btn-ask:disabled,.dark .lj-btn-ask:disabled:hover{background:#52525b}.lj-raised-hands{background:var(--lj-surface);border-top:1px solid var(--lj-border);border-bottom:1px solid var(--lj-border);padding:12px 24px 8px}.lj-raised-list{flex-direction:column;gap:6px;display:flex}.lj-raised-row{background:var(--lj-surface);border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex}.lj-raised-name{color:var(--lj-text);white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;font-size:.875rem;font-weight:600;overflow:hidden}.lj-raised-approve{color:#166534;cursor:pointer;background:#dcfce7;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.lj-raised-approve:hover{background:#bbf7d0}.lj-raised-approve:disabled{color:#94a3b8;cursor:default;background:#e2e8f0}.lj-raised-deny{color:#991b1b;cursor:pointer;background:#fee2e2;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.lj-raised-deny:hover{background:#fecaca}.lj-raised-deny:disabled{color:#94a3b8;cursor:default;background:#e2e8f0}.dark .lj-raised-hands{background:#0f172a;border-color:#1e293b}.dark .lj-raised-row{background:#0f172a}.dark .lj-raised-approve{color:#a7f3d0;background:#064e3b}.dark .lj-raised-approve:hover{background:#065f46}.dark .lj-raised-approve:disabled{color:#475569;background:#1e293b}.dark .lj-raised-deny{color:#fca5a5;background:#450a0a}.dark .lj-raised-deny:hover{background:#7f1d1d}.dark .lj-raised-deny:disabled{color:#475569;background:#1e293b}.lj-mic-alert{color:#9f1239;background:#fef2f2;border:1px solid #fecdd3;border-radius:12px;flex-shrink:0;align-items:flex-start;gap:8px;margin:0 24px 12px;padding:10px 12px;display:flex}.dark .lj-mic-alert{color:#fda4af;background:#2a141c;border-color:#831843}.lj-root button:disabled{opacity:.5;cursor:default}.lj-root button:focus-visible,.lj-root [role=button]:focus-visible{outline-offset:3px;outline:3px solid #14b8a6}@media (max-width:767px){.lj-root{margin-inline:-8px}.lj-app{border-radius:16px;height:calc(100dvh - 96px);min-height:0}.lj-content{scrollbar-gutter:auto}.lj-stage{padding:8px}.lj-header{gap:6px;margin-bottom:8px}.lj-room{flex-basis:100%;gap:8px}.lj-room-icon{border-radius:10px;width:36px;height:36px}.lj-room h2{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin-bottom:2px;font-size:.9375rem;line-height:1.25;display:-webkit-box;overflow:hidden}.lj-live,.lj-idle{margin-top:2px;font-size:.6875rem}.lj-actions{gap:6px;width:100%}.lj-actions>button:last-child{margin-left:auto}.lj-stage-wrap,.lj-side-inner{border-radius:12px;padding:8px 4px}.lj-section-head,.lj-side-head{gap:4px;margin:0 4px 6px}.lj-section-head h3,.lj-side-title h3{font-size:.75rem}.lj-section-head [data-slot=badge]{padding:2px 4px;font-size:.625rem}.lj-side{padding:0 8px 8px}.lj-stack{display:none}.lj-grid,.lj-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:4px 0;overflow:visible}.lj-speaker,.lj-card{border-color:#0000;border-radius:8px;gap:3px;padding:4px 1px}.lj-ava-wrap{margin:0}.lj-ava-wrap,.lj-member-button{flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.lj-ava,.lj-card-ava{border-width:2px;width:36px;height:36px;font-size:1rem}.lj-mic,.lj-mod,.lj-hand{border-width:1px;width:16px;height:16px}.lj-mic{bottom:0;right:0}.lj-mod{top:0;left:0}.lj-hand{top:0;right:0}.lj-mic svg,.lj-mod svg,.lj-hand svg{width:10px;height:10px}.lj-name,.lj-card-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.3em;font-size:.6875rem;line-height:1.15;display:-webkit-box;overflow:hidden}.lj-card-role{gap:2px;margin-top:2px;font-size:.625rem;line-height:1.2}.lj-card-role:before{display:none}.lj-vote-actions{flex-direction:column;gap:0}.lj-card-actions{gap:2px}.lj-mini{gap:0;min-width:44px;max-width:100%;min-height:44px;padding:4px}.lj-mini svg{flex-shrink:0;width:16px;height:16px}.lj-compact-label,.lj-speaker-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lj-empty{padding:8px;font-size:.75rem;line-height:1.4}.lj-empty svg{display:none}.lj-controls{padding:8px;padding-bottom:max(8px, env(safe-area-inset-bottom));gap:8px}.lj-mic-alert{margin:0 8px 8px}.lj-btn{border-radius:12px;min-height:44px;padding:8px 12px}.lj-ava-wrap.lj-speaking:before{border-width:1.5px;inset:-4px}.lj-ava-wrap.lj-speaking:after{border-width:1px;inset:-1px}@keyframes lj-speak-pulse{0%{opacity:.9;transform:scale(.6)}50%{opacity:.35}to{opacity:0;transform:scale(1.55)}}.lj-raised-hands{padding:8px 8px 6px}.lj-raised-row{min-height:44px;padding:8px 10px}.lj-raised-approve,.lj-raised-deny{border-radius:10px;width:36px;height:36px}.lj-raised-approve svg,.lj-raised-deny svg{width:18px;height:18px}.audio-room-page .lj-app{height:calc(100dvh - 216px);min-height:0}}@media (min-width:640px) and (max-width:767px){.lj-app{height:calc(100dvh - 144px)}.audio-room-page .lj-app{height:calc(100dvh - 256px);min-height:0}}@media (min-width:768px) and (max-width:1023px){.lj-grid,.lj-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.lj-speaker{padding:14px 10px 12px}.lj-ava{width:58px;height:58px;font-size:1.375rem}.lj-side{padding:0 18px 18px}.lj-stage{padding:18px}}@media (min-width:1024px){.lj-ava{font-size:1.25rem}.lj-card-ava{font-size:1rem}.lj-controls{padding-bottom:max(48px, env(safe-area-inset-bottom))}}@media (max-width:767px) and (orientation:landscape){.lj-app{height:auto;min-height:100%;max-height:none}.lj-content{overflow:visible}.lj-controls-sticky{box-shadow:none;position:static}.lj-grid,.lj-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.lj-raised-row{min-height:40px}}@media (prefers-reduced-motion:reduce){.lj-root *,.lj-root :before,.lj-root :after{transition:none!important;animation:none!important}}
