.homepage-container{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}.homepage-container .input-container input{margin:10px}.homepage-container .input-container button,.homepage-container .input-container input{border:1px solid #000;border-radius:12px;display:block;font-size:24px;padding:10px 20px}.homepage-container .input-container button{cursor:pointer;width:100%}.room-page{align-items:center;background:radial-gradient(circle at top left,#1e293b 0,#020617 45%,#020617 100%);box-sizing:border-box;color:#e5e7eb;display:flex;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:24px}.room-container{background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(15,23,42,.98));border:1px solid rgba(148,163,184,.22);border-radius:18px;box-shadow:0 24px 60px rgba(15,23,42,.8),0 0 0 1px rgba(148,163,184,.12);display:flex;flex-direction:column;gap:16px;max-width:1200px;padding:20px 24px 24px;width:100%}.room-header{padding-bottom:12px}.room-header,.room-headerLeft{align-items:flex-start;display:flex}.room-headerLeft{gap:14px}.room-logo{background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.35);border-radius:16px;box-shadow:0 8px 20px rgba(15,23,42,.7);height:64px;object-fit:contain;padding:8px;width:64px}.room-roomInfoGrid{display:flex;flex-direction:column;gap:6px}.room-roomTag{color:#9ca3af;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.room-roomTag,.room-row{max-width:calc(100vw - 200px)}.room-row{align-items:center;display:flex;justify-content:space-between}.room-roomTitle{color:#f1f5f9;font-size:20px;font-weight:600}.room-statusWrapper{align-items:center;display:flex;gap:8px;justify-content:flex-end}.room-statusPill{align-items:center;background:rgba(100,116,139,.18);border:1px solid rgba(148,163,184,.45);border-radius:50px;color:#e5e7eb;display:inline-flex;font-size:12px;gap:6px;padding:4px 10px}.room-statusPill--connected{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.45);color:#4ade80}.room-statusDot{background:#94a3b8;border-radius:50%;height:8px;width:8px}.room-statusDot--connected{background:#22c55e}.room-participantsPill{align-items:center;background:rgba(148,163,184,.14);border:1px solid rgba(148,163,184,.5);border-radius:50px;color:#e5e7eb;display:inline-flex;font-size:12px;gap:6px;padding:4px 10px}.room-userLine{color:#9ca3af;font-size:12px;margin-top:2px}.room-userLine span{color:#e5e7eb}.room-mainLayoutRow{display:flex;gap:16px;margin-top:8px}.room-mainColumn{flex:2 1;min-width:0}.room-sidebarColumn{flex:1 1;max-height:360px;min-width:0;overflow-y:auto}.room-videosRow{display:flex;flex-direction:column;gap:12px}.room-remoteGrid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.room-mainVideoCard,.room-videoCard{background:radial-gradient(circle at top left,rgba(30,64,175,.2),rgba(15,23,42,.98));border:1px solid rgba(148,163,184,.45);border-radius:16px;box-shadow:0 20px 40px rgba(15,23,42,.85),0 0 0 1px rgba(15,23,42,.6);display:flex;flex-direction:column;gap:10px;padding:12px 12px 16px}.room-videoHeader{align-items:center;color:#9ca3af;display:flex;font-size:13px;justify-content:space-between}.room-videoTitle{color:#e5e7eb;font-size:13px;font-weight:500}.room-videoSubTitle{color:#9ca3af;font-size:11px}.room-mainHeaderRight{align-items:center;display:flex;gap:8px}.room-videoSurface{aspect-ratio:16/9;background:radial-gradient(circle at top left,#1f2937,#020617 60%,#000);border:1px solid rgba(31,41,55,.9);border-radius:12px;overflow:hidden;position:relative}.room-videoSurface--empty{align-items:center;color:#6b7280;display:flex;font-size:14px;justify-content:center}.room-videoElement{background-color:#000;display:block;height:100%;object-fit:cover;width:100%}.room-videoElement--local{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.room-overlayLabel{background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.6);border-radius:999px;bottom:10px;color:#e5e7eb;font-size:11px;left:10px;padding:4px 10px;position:absolute}.room-topLeftBadge{align-items:center;display:flex;gap:6px;left:8px;position:absolute;top:8px}.room-pinBtn{align-items:center;background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.6);border-radius:999px;box-shadow:0 4px 14px rgba(15,23,42,.7);color:#e5e7eb;cursor:pointer;display:inline-flex;font-size:14px;height:32px;justify-content:center;transition:all .15s ease-out;width:32px}.room-pinBtn--active{background:linear-gradient(135deg,#22c55e,#0ea5e9);box-shadow:0 6px 18px rgba(34,197,94,.4)}.room-activeChip{background:rgba(22,163,74,.18);border:1px solid rgba(22,163,74,.7);border-radius:999px;color:#bbf7d0;font-size:10px;padding:4px 8px}.room-videoControls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:10px}.room-controlBtn{align-items:center;background:rgba(15,23,42,.85);border:1px solid rgba(148,163,184,.4);border-radius:999px;box-shadow:0 4px 14px rgba(15,23,42,.7);color:#e5e7eb;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:7px 14px;transition:all .15s ease-out}.room-controlBtn--active{background:linear-gradient(135deg,#0ea5e9,#22c55e);border-color:rgba(45,212,191,.8);box-shadow:0 8px 22px rgba(34,197,94,.3);color:#f9fafb}.room-controlBtn--danger{background:rgba(15,23,42,.9);border-color:hsla(0,91%,71%,.8)}.room-controlBtn--small{font-size:12px;padding:5px 10px}.room-iconBtn{align-items:center;background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.4);border-radius:999px;box-shadow:0 4px 14px rgba(15,23,42,.7);color:#e5e7eb;cursor:pointer;display:inline-flex;font-size:18px;height:40px;justify-content:center;transition:all .15s ease-out;width:40px}.room-iconBtn--active{background:linear-gradient(135deg,#0ea5e9,#22c55e);box-shadow:0 8px 22px rgba(34,197,94,.3)}.room-overlayControls{bottom:10px;display:flex;gap:8px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pip-container{background:#000;border:1px solid rgba(148,163,184,.7);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.7);cursor:grab;height:90px;overflow:hidden;position:absolute;width:140px}.pip-video{height:100%;object-fit:cover;-webkit-transform:scaleX(-1);transform:scaleX(-1);width:100%}.pip-controls{bottom:4px;gap:8px;left:0;position:absolute;right:0;transition:opacity .25s ease-in-out}.pip-controls,.room-callBar{display:flex;justify-content:center}.room-callBar{margin-top:18px;width:100%}.room-endCallButton{align-items:center;background:linear-gradient(135deg,#ef4444,#b91c1c);border:none;border-radius:999px;box-shadow:0 12px 24px rgba(239,68,68,.45),0 0 0 1px hsla(0,91%,71%,.6);cursor:pointer;display:flex;height:32px;justify-content:center;transition:box-shadow .12s ease-out,-webkit-transform .12s ease-out;transition:transform .12s ease-out,box-shadow .12s ease-out;transition:transform .12s ease-out,box-shadow .12s ease-out,-webkit-transform .12s ease-out;width:32px}.room-endCallButton:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.room-endCallIcon{color:#fff;font-size:16px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.room-mobileWrapper{display:flex;flex-direction:column;gap:16px;margin-top:8px}.room-momContainer{background:radial-gradient(circle at top left,rgba(15,23,42,.95),#0f172a);border:1px solid rgba(148,163,184,.35);border-radius:16px;box-shadow:0 16px 32px rgba(15,23,42,.9);display:flex;flex-direction:column;gap:10px;margin-top:20px;padding:12px 14px 14px}.room-momHeaderRow{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.room-momTag{color:#9ca3af;font-size:13px;letter-spacing:.16em;text-transform:uppercase}.room-momTitle{color:#e5e7eb;font-size:14px;margin-top:2px}.room-momButton{background:linear-gradient(135deg,#0ea5e9,#22c55e);border:1px solid rgba(45,212,191,.8);border-radius:999px;box-shadow:0 8px 22px rgba(34,197,94,.35);color:#f9fafb;cursor:pointer;font-size:13px;font-weight:500;padding:7px 14px;white-space:nowrap}.room-momButton--loading{background:rgba(15,23,42,.7);box-shadow:0 4px 14px rgba(15,23,42,.7);cursor:default;opacity:.7}.room-momTextarea{background-color:rgba(15,23,42,.9);border:1px solid rgba(55,65,81,.9);border-radius:12px;color:#e5e7eb;font-family:inherit;font-size:13px;margin-top:8px;padding:10px;resize:vertical;width:100%}.room-momError{color:#f97373;font-size:12px;margin-top:6px}.room-momBody{background-color:rgba(15,23,42,.85);border:1px solid rgba(75,85,99,.8);border-radius:12px;font-size:13px;line-height:1.5;margin-top:10px;max-height:260px;overflow-y:auto;padding:10px;white-space:pre-wrap}@media (max-width:1024px){.room-mainLayoutRow{flex-direction:column}.room-sidebarColumn{max-height:none;overflow-y:visible}}
/*# sourceMappingURL=main.3780cc79.css.map*/