*{box-sizing:border-box}body{color:#e5e7eb;background:#000;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}.brandLogos{z-index:50;pointer-events:none;align-items:center;gap:16px;display:flex;position:fixed;top:20px;right:20px}.brandLogos__img{object-fit:contain;width:auto;height:32px;max-height:36px;display:block}label{color:#d1d5db;gap:6px;font-size:14px;display:grid}input,select,textarea,button{font:inherit}input,select,textarea{color:#f3f4f6;background:#0a0a0a;border:1px solid #444;border-radius:8px;padding:10px}button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;border-radius:8px;padding:10px 14px}button:hover:not(:disabled){background:#ffffff14}button:disabled{opacity:.45;cursor:not-allowed}.iconButton{color:#fff;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.iconButton:hover:not(:disabled){opacity:.85;background:0 0}.iconButton:focus-visible{outline-offset:2px;outline:2px solid #fff}.iconButton svg{color:inherit}.iconButton--bordered{border:1px solid #ffffff73}.iconButton--bordered:hover:not(:disabled){opacity:1;background:#ffffff14;border-color:#fff}.container{background:#000;gap:16px;max-width:760px;min-height:100vh;margin:0 auto;padding:24px;display:grid}.pageHeader{justify-content:space-between;align-items:flex-start;display:flex}.pageHeader--toolbarOnly{z-index:20;position:fixed;bottom:24px;right:24px}.card{background:#141414;border:1px solid #333;border-radius:10px;gap:10px;padding:16px;display:grid}.card h2{color:#f9fafb;margin:0}.card p{color:#9ca3af;margin:0}.participantVisual{background:#000;border-radius:12px;overflow:hidden}.participantVisual__media{aspect-ratio:16/9;position:relative}.participantVisual__loopVideo,.participantVisual__liveAvatar{object-fit:cover;border-radius:12px;width:100%;height:100%;transition:opacity .6s;display:block;position:absolute;inset:0}.participantVisual__loopVideo{z-index:1}.participantVisual__liveAvatar{z-index:0}.participantVisual__overlay{background:#00000059;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.participantVisual__spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite participantVisualSpin}@keyframes participantVisualSpin{to{transform:rotate(360deg)}}.sessionLayout{background:#000;max-width:none;min-height:100dvh;margin:0;padding:0}.sessionTitle{z-index:15;color:#fff;pointer-events:none;margin:0;font-size:1.5rem;font-weight:600;line-height:1.2;position:fixed;top:24px;left:24px}.sessionTranscript{z-index:15;white-space:pre-wrap;word-break:break-word;color:#fff;box-sizing:border-box;background:#0009;border-radius:10px;max-width:min(560px,100vw - 48px);max-height:min(40vh,320px);padding:14px 18px;font-size:14px;line-height:1.5;position:fixed;bottom:24px;left:50%;overflow-y:auto;transform:translate(-50%)}.participantVisual--session{z-index:0;border-radius:0;position:fixed;inset:0;overflow:hidden}.participantVisual__media--session{aspect-ratio:auto;width:100%;height:100%;position:absolute;inset:0}.participantVisual__loopVideo--session,.participantVisual__liveAvatar--session{object-fit:cover;object-position:center center;border-radius:0}.participantVisual__gradient{pointer-events:none;z-index:2;height:160px;position:absolute;left:0;right:0}.participantVisual__gradient--top{background:linear-gradient(#000,#0000);top:0}.participantVisual__gradient--bottom{background:linear-gradient(to top, var(--participant-theme-color,#000), transparent);bottom:0}.participantVisual__overlay--session{z-index:4;border-radius:0}.autoplayGuard{z-index:100;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#000000d9;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:fixed;inset:0}.autoplayGuard__label{letter-spacing:.05em;color:#fff;text-transform:uppercase;pointer-events:none;font-family:inherit;font-size:clamp(1.5rem,5vw,3rem);font-weight:700;animation:2s ease-in-out infinite autoplayGuardPulse}@keyframes autoplayGuardPulse{0%,to{opacity:1}50%{opacity:.5}}
