.home-container{align-items:center;background-color:#f9f9f9;border:2px solid #ccc;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;left:50%;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%)}.home-container input{border:1px solid #ddd;border-radius:5px;box-shadow:inset 0 2px 4px #0000001a;font-size:1rem;margin:10px 0;padding:10px;width:80%}.home-container button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:10px;padding:10px;transition:background-color .3s ease;width:80%}.home-container button:hover{background-color:#45a049}.home-container input::placeholder{color:#888;font-style:italic}.room-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:space-between;padding:10px}h1{background:linear-gradient(45deg,#f39c12,#f1c40f);border-radius:8px;box-shadow:0 8px 15px #0000001a;color:#34495e;font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:1.5px;line-height:1.3;margin:10px 0;padding:5px;text-align:center;text-shadow:2px 2px 5px #0003;transition:transform .3s ease,color .3s ease,background .3s ease}h1:hover{background:linear-gradient(45deg,#f1c40f,#f39c12);color:#fff;transform:translateY(-6px)}h1 span{color:#e74c3c;font-weight:600}.video-container{align-items:flex-start;gap:10px;height:100%;overflow:hidden;position:relative;width:100%}.local-video,.video-container{display:flex;justify-content:center}.local-video{align-items:center;background-color:#333;border-radius:5px;flex-direction:column;height:150px;position:absolute;width:200px;z-index:10}.local-video video{border-radius:5px;box-shadow:0 8px 15px #0000001a;height:100%;object-fit:cover;transform:scaleX(-1);width:100%}.local-video p{bottom:5px;color:#fff;font-size:14px;left:50%;margin:0;position:absolute;transform:translateX(-50%)}.remote-video{align-items:center;background-color:#333;border-radius:5px;display:flex;height:100%;justify-content:center;max-width:90%;position:relative;width:100%}.remote-video video{border-radius:10px;box-shadow:0 8px 15px #da92921a;height:100%;object-fit:cover;transform:scaleX(-1);width:100%}.remote-video p{bottom:5px;font-size:14px;margin:0}.leave-button,.remote-video p{color:#fff;left:50%;position:absolute;transform:translateX(-50%)}.leave-button{background-color:red;border:none;border-radius:5px;bottom:20px;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 20px}.leave-button:hover{background-color:darkred}@media (max-width:768px){h1{font-size:1.3rem;margin:10px 0}.video-container{flex-direction:column;gap:15px;height:calc(100% - 60px);justify-content:flex-start;overflow:visible}.local-video{height:112px;position:absolute;top:10px;width:150px}.remote-video{height:auto;max-width:100%;width:100%}.local-video video{object-fit:cover}}@media (max-width:480px){.local-video{height:90px;top:10px;width:120px}.video-container{gap:10px}.leave-button{font-size:14px;padding:8px 15px}h1{font-size:1.2rem;margin:10px 0}}
/*# sourceMappingURL=main.38664bd0.css.map*/