body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:10px}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.connection-status{background-color:#1a1a1a;border-radius:8px;margin:10px 0;min-width:300px;padding:10px}.connection-status p{font-size:14px;margin:5px 0}.connection-status p:last-child{color:#61dafb;font-weight:700}.action-buttons{display:flex;gap:10px;justify-content:center;margin-bottom:10px;margin-top:10px}.dislike-button,.like-button{background-color:initial;border:2px solid;border-radius:8px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;font-size:16px;font-weight:700;min-width:60px;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.like-button{border-color:#4caf50;color:#4caf50}.like-button:hover:not(:disabled){background-color:#4caf501a;box-shadow:0 4px 8px #4caf504d;transform:translateY(-2px)}.like-button.liked:hover:not(:disabled){background-color:#4caf50;box-shadow:0 4px 8px #4caf504d;transform:translateY(-2px)}.like-button:active:not(:disabled){box-shadow:0 2px 4px #4caf5066;transform:translateY(0) scale(.95)}.like-button.liked{animation:likePulse .6s ease-out;background-color:#4caf50;border-color:#4caf50;box-shadow:0 0 20px #4caf5099,0 4px 8px #4caf504d;color:#fff;transform:scale(1.05)}@keyframes likePulse{0%{box-shadow:0 0 0 #4caf5099;transform:scale(1)}50%{box-shadow:0 0 30px #4caf50cc;transform:scale(1.15)}to{box-shadow:0 0 20px #4caf5099,0 4px 8px #4caf504d;transform:scale(1.05)}}.dislike-button{border-color:#ff6b6b;color:#ff6b6b}.dislike-button:hover:not(:disabled){background-color:#ff6b6b1a;box-shadow:0 4px 8px #ff6b6b4d;transform:translateY(-2px)}.dislike-button.disliked:hover:not(:disabled){background-color:#ff6b6b;box-shadow:0 4px 8px #ff6b6b4d;transform:translateY(-2px)}.dislike-button:active:not(:disabled){box-shadow:0 2px 4px #ff6b6b66;transform:translateY(0) scale(.95)}.dislike-button.disliked{animation:dislikePulse .6s ease-out;background-color:#ff6b6b;border-color:#ff6b6b;box-shadow:0 0 20px #ff6b6b99,0 4px 8px #ff6b6b4d;color:#fff;transform:scale(1.05)}@keyframes dislikePulse{0%{box-shadow:0 0 0 #ff6b6b99;transform:scale(1)}50%{box-shadow:0 0 30px #ff6b6bcc;transform:scale(1.15)}to{box-shadow:0 0 20px #ff6b6b99,0 4px 8px #ff6b6b4d;transform:scale(1.05)}}.dislike-button:disabled,.like-button:disabled{border-color:#555;color:#ccc;cursor:not-allowed;opacity:.6}.dislike-button:disabled,.dislike-button:disabled:hover,.like-button:disabled,.like-button:disabled:hover{background-color:#555;box-shadow:none;transform:none}.next-button{background-color:initial;border:2px solid #ff9800;border-radius:8px;box-shadow:0 2px 4px #0003;color:#fff;color:#ff9800;cursor:pointer;font-size:16px;font-weight:700;min-width:80px;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.next-button:hover:not(:disabled){background-color:#ff98001a;box-shadow:0 4px 8px #ff98004d;transform:translateY(-2px)}.next-button:active:not(:disabled){box-shadow:0 2px 4px #ff980066;transform:translateY(0) scale(.95)}.chat-container{max-width:1200px;min-width:400px;width:100%}.video-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.video-stream{background:#000;border-radius:4px;flex:1 1;height:auto;min-height:300px;min-width:280px;object-fit:cover}.video-stream:not([srcObject]){align-items:center;background:linear-gradient(45deg,#333,#444);display:flex;justify-content:center;min-height:200px}.video-stream:not([srcObject]):after{color:#666;content:"No video stream";font-size:14px}@media (min-width:1200px){.chat-container{max-width:1400px}.video-stream{min-height:400px;min-width:400px}}@media (min-width:1600px){.chat-container{max-width:1600px}.video-stream{min-height:500px;min-width:500px}}@media (max-width:900px){.video-container{display:block;position:relative}.video-stream{min-height:400px;min-width:auto;width:100%}.video-stream[data-testid=remote-video]{display:block;min-height:400px;width:100%}.video-stream[data-testid=local-video]{border:2px solid #ffffff4d;border-radius:8px;bottom:20px;box-shadow:0 4px 12px #0000004d;height:90px;min-height:auto;position:absolute;right:20px;width:120px;z-index:10}}@media (max-width:768px){.video-stream[data-testid=local-video]{bottom:15px;height:75px;right:15px;width:100px}.video-stream[data-testid=remote-video]{min-height:300px}}.messages{background-color:#2a2a2a;border:2px solid #1a1a1a;border-radius:8px;height:125px;margin-bottom:10px;overflow-y:auto;padding:15px;text-align:left}.message{background-color:#3a3a3a;border-radius:6px;margin:8px 0;padding:10px}.message strong{color:#61dafb}.message small{color:#888;font-size:12px}.message-input{align-items:center;display:flex;gap:10px}.message-input input{background-color:#2a2a2a;border:2px solid #1a1a1a;border-radius:6px;color:#fff;flex:1 1;font-size:14px;padding:12px;transition:border-color .3s ease}.message-input input:focus{border-color:#61dafb;outline:none}.message-input button{background-color:#61dafb;border:none;border-radius:6px;color:#282c34;cursor:pointer;font-size:14px;font-weight:700;padding:12px 20px;transition:all .3s ease}.message-input button:hover:not(:disabled){background-color:#4fa8c7;transform:translateY(-1px)}.message-input button:disabled{background-color:#555;color:#ccc;cursor:not-allowed;transform:none}.users-list{background-color:#1a1a1a;border-radius:8px;margin:20px 0;min-width:300px;padding:15px}.users-list h3{color:#61dafb;margin:0 0 10px}.users-list ul{list-style:none;margin:0;padding:0}.users-list li{background-color:#2a2a2a;border-left:3px solid #61dafb;border-radius:4px;margin:4px 0;padding:8px}.start-section{margin:20px 0}.start-button{background-color:#61dafb;border:none;border-radius:8px;box-shadow:0 4px 8px #61dafb4d;color:#282c34;cursor:pointer;font-size:18px;font-weight:700;padding:15px 30px;transition:all .3s cubic-bezier(.4,0,.2,1)}.start-button:hover{background-color:#4fa8c7;box-shadow:0 6px 12px #61dafb66;transform:translateY(-2px)}.waiting-section{background-color:#1a1a1a;border-radius:8px;margin:20px 0;min-width:300px;padding:20px}.waiting-section p{color:#ccc;font-size:16px;margin:10px 0}
/*# sourceMappingURL=main.3ffd6fa7.css.map*/