.mesh{color:#202124;box-sizing:border-box;background:#f8fafc;width:100%;height:100%;padding:24px;font:14px -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:auto}.mesh *{box-sizing:border-box}.mesh header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.mesh header img{width:54px;height:54px}.mesh h2{flex:1;margin:0;font-size:20px}.mesh button,.mesh input{font:inherit;color:#202124;background:#fff;border:1px solid #dbe2ea;border-radius:10px;padding:12px}.mesh button{cursor:pointer}.mesh button:hover{border-color:#397fb6}.mesh button:focus-visible,.mesh input:focus-visible{outline-offset:2px;outline:2px solid #397fb6}.mesh button:disabled{opacity:.5;cursor:default}.mesh button[aria-pressed=true]{background:#e3eff9}.mesh label{gap:10px;display:grid}.mesh .mesh-primary{color:#fff;background:#397fb6}.mesh .mesh-end{color:#fff;background:#b9323c}.mesh-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin:22px 0;display:flex}.mesh-setup{text-align:center;max-width:540px;margin:50px auto}.mesh-setup p,.mesh-status,.mesh small{color:#626c79}.mesh-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.mesh-tile{aspect-ratio:16/10;background:#1c2634;border-radius:16px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.mesh-tile video{object-fit:cover;width:100%;height:100%}.mesh-avatar{color:#fff;pointer-events:none;font-size:48px;position:absolute}.mesh-name{color:#fff;background:#182230c9;border-radius:8px;padding:6px 10px;position:absolute;bottom:12px;left:12px}.mesh-tile button{position:absolute}.mesh-peer small{padding:8px;display:block}.mesh-status{text-align:center}.mesh-invite{gap:12px;max-width:540px;margin:20px auto;display:flex}.mesh-invite input{flex:1;min-width:0}.mesh-error{color:#9f2531;background:#ffe9e9;border-radius:10px;padding:14px}.mesh input{width:100%}@media (prefers-reduced-motion:no-preference){.mesh button{transition:background .15s,border-color .15s}}@media (width<=600px){.mesh{padding:16px}.mesh-grid{grid-template-columns:1fr 1fr}.mesh-grid .mesh-tile{aspect-ratio:1}.mesh-actions{gap:8px}}.livekit-call{color:#eeeef2;box-sizing:border-box;background:#18181b;min-height:100vh;padding:28px;animation:.2s ease-out call-in}.livekit-call header{align-items:center;gap:18px;margin-bottom:24px;display:flex}.livekit-call header img{object-fit:contain;width:110px;max-height:55px}.livekit-call header>div{flex:1}.livekit-call h2{margin:0 0 7px}.livekit-call header span{color:#b4b4c1;font-size:13px}.livekit-call button{color:#62c3ee;cursor:pointer;background:#163b4e;border:1px solid #34343d;border-radius:14px;padding:13px 18px;transition:background .16s,transform .16s,opacity .16s}.livekit-call button:hover{background:#20516a;transform:translateY(-1px)}.livekit-call button:active{transform:scale(.97)}.livekit-call button:disabled{opacity:.45;cursor:default}.livekit-call button.danger{color:#ffbdc6;background:#642b35}.livekit-controls,.livekit-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin:24px 0;display:flex}.livekit-call .mesh-tile{background:#222228;border-radius:22px;min-height:230px;position:relative;overflow:hidden}.livekit-call .mesh-tile video{object-fit:cover;width:100%;height:100%}.livekit-call .mesh-tile>span:last-child{background:#18181bbd;border-radius:9px;padding:6px 10px;position:absolute;bottom:14px;left:15px}.livekit-call .mesh-avatar{color:#fff;background:#005cb9;border-radius:28px;justify-content:center;align-items:center;width:104px;height:104px;font-size:38px;font-weight:600;display:flex}.livekit-call .mesh-tile>.mesh-avatar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.livekit-incoming{flex-direction:column;align-items:center;gap:24px;padding:60px 20px;display:flex}.livekit-call form{gap:12px;margin-top:22px;display:flex}.livekit-call input{color:#eeeef2;font:inherit;background:#222228;border:1px solid #34343d;border-radius:12px;flex:1;min-width:0;padding:14px}.livekit-call .mesh-error{color:#ffb6be;background:#3e2025;border-radius:12px;margin-bottom:16px;padding:14px}@keyframes call-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.livekit-call{animation:none}.livekit-call button{transition:none;transform:none!important}}.livekit-controls button{border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;padding:0;display:flex}.livekit-controls button.danger{color:#fff;background:#df5265}.livekit-call button[aria-pressed=true]{color:#fff;background:#005cb9}.livekit-call form{max-width:650px;margin-left:auto;margin-right:auto}.livekit-call .livekit-incoming>.mesh-avatar{position:static}.livekit-call header img{height:auto}