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}.landing-page-container{background-color:#f0f0f0;height:100vh;width:100vw}@media screen and (max-width:768px){.landing-page-container{background-color:#f0f0f0;height:auto;min-height:150vh;width:100vw}}::-webkit-scrollbar{width:1px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-button{display:none;height:0;width:0}::-webkit-scrollbar-thumb{background:#ffffff80;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fffc}*{scrollbar-color:#fff9;scrollbar-width:thin}scrollbar-button{display:none!important}.meeting-container{display:flex;height:100vh}.chat-section{border-right:2px solid #ccc;flex:1 1;position:relative}.coding-section{display:flex;flex:3 1;flex-direction:column;max-width:67%;overflow:hidden;padding:2px}.code-editor{flex:1 1}.result-view{background:#f8f8f8;border-top:2px solid #ccc}@media screen and (max-width:768px){.meeting-container{flex-direction:column;height:auto;min-height:150vh}.chat-section{border-bottom:2px solid #ccc;border-right:none;min-height:60vh}.coding-section{flex-direction:column;min-width:95vw}}.chat-container{display:flex;flex-direction:column;height:100%;width:100%}.chat-header{align-items:center;background-color:#282c34;border-bottom:2px solid #ccc;color:#fff;display:flex;flex-direction:row;justify-content:space-between;padding:10px}.chat-title{border-radius:5px;color:#61dafb;font-size:20px;font-weight:700;text-align:center}.chat-info{align-items:end;justify-content:center;position:relative}.chat-info,.chat-participants-list{color:#61dafb;display:flex;flex-direction:column;font-size:14px}.chat-participants-list{align-items:center;background-color:#282c34;border-radius:5px;box-shadow:0 4px 8px #0003;flex-wrap:wrap;justify-content:start;max-height:400px;overflow-x:auto;overflow-y:auto;padding:10px;position:absolute;right:0;top:60px;width:300px;z-index:1}.participants-button{background-color:#2f7083;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-left:5px;padding:3px 10px}.chat-input-container{bottom:0;justify-content:center;left:0;padding:10px 0;position:absolute;width:100%}.chat-input,.chat-input-container{align-items:center;border:none;display:flex}.chat-input{background-color:#dee5ec;border-radius:5px;height:100%;padding:10px;width:70%}.chat-input:focus{background-color:#d3dae2;outline:none}.send-message{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-left:5px;padding:10px 20px}@media screen and (max-width:1024px){.chat-container{height:100%;width:100%}.chat-header{align-items:center;flex-direction:column}.chat-title{font-size:18px}.chat-info{align-items:center;font-size:12px}.chat-participants-list{font-size:12px;max-height:400px;padding:5px;width:150px}.chat-input-container{padding:5px 0}.chat-input{font-size:14px;padding:5px;width:70%}.send-message{font-size:14px;padding:5px 10px}}@media screen and (max-width:768px){.chat-container{height:100%;width:100%}.chat-header{align-items:center;flex-direction:column}.chat-participants-list{font-size:10px;max-height:350px;padding:5px;width:200px}.chat-input{font-size:12px;padding:5px;width:85%}.send-message{font-size:12px;padding:5px 10px}}.message-container{display:flex;flex-direction:column;gap:8px;margin:10px 0 60px;max-height:100%;overflow-x:hidden;overflow-y:auto;padding:0 16px}.message{border-radius:8px;gap:4px;line-height:20px;padding:8px}.message,.message.notification{align-items:center;background-color:#e3d6d6;color:#000;display:flex;font-size:14px}.message.notification{font-weight:500;justify-content:center}.message-end-ref{height:1px}@media screen and (max-width:768px){.message-container{max-height:75vh}}.participants{display:flex;flex-direction:column;height:100%;width:100%}.participants-list{padding:5px;width:100%}.participant-item{align-items:center;border-top:1px solid #ccc;display:flex;padding:5px}.participant-info{align-items:center;display:flex;flex-grow:1;gap:10px;margin-left:10px}.code-editor{background:#282c34;border-radius:5px;color:#abb2bf;font-family:Fira Code,monospace;font-size:14px;line-height:1.5;overflow-y:auto;padding:10px}.code-editor-title{color:#61dafb;font-size:18px;font-weight:700;margin-bottom:10px}.result-view{background:#282c34;border-radius:5px;color:#abb2bf;flex:1 1;overflow-y:auto;padding:10px}.run-code-button{background-color:#61dafb;border:none;border-radius:5px;color:#282c34;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 20px}.output-container{background:#1e2127;border-radius:5px;color:#abb2bf;margin-top:10px;max-height:300px;overflow-y:auto;padding:10px}.join-meeting-container{align-items:center;background-color:#cfd7e0;display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-width:100vw}.join-meeting-title{font-size:2rem;margin-bottom:40px}.join-meeting-form{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;justify-content:center;margin-bottom:10rem;padding:20px}.join-meeting-inputs{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.email-input,.meeting-id-input,.name-input{border:1px solid #ccc;border-radius:5px;font-size:1.1rem;min-width:300px;padding:10px}.email-input:focus,.meeting-id-input:focus,.name-input:focus{outline:none}.toggle-link{font-size:1rem;margin-bottom:10px;text-decoration:none}.toggle-link>span>span{color:#007bff;cursor:pointer;font-weight:700}.join-button-container{align-items:center;display:flex;justify-content:space-between}.create-button,.join-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1rem;padding:10px 20px}.create-button{background-color:#28a745}
/*# sourceMappingURL=main.80c51949.css.map*/