@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap);@import url(https://fonts.cdnfonts.com/css/cascadia-code);*{font-feature-settings:none;font-variant-ligatures:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1c1e29}:root{--dark-bg:#1e1e1e;--darker-bg:#252526;--sidebar-bg:#252526;--sidebar-width:280px;--right-sidebar-width:250px;--header-height:60px;--editor-bg:#1e1e1e;--output-bg:#1a1a1a;--output-height:180px;--terminal-bg:#1e1e2e;--terminal-text:#d4d4d4;--primary-color:#4f9eed;--primary-rgb:79,158,237;--accent-color:#0096ff;--hover-color:#3a8de6;--danger-color:#ff5252;--success-color:#13a10e;--border-color:#474747;--text-color:#d4d4d4;--secondary-text:#9e9e9e;--status-bar-bg:#007acc;--tab-bg:#2d2d2d;--active-tab-bg:#1e1e1e;--inactive-tab-bg:#2d2d2d;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--breakpoint-xs:480px;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:24px;--shadow-sm:0 1px 3px #0000001f,0 1px 2px #0000003d;--shadow-md:0 3px 6px #00000029,0 3px 6px #0000003b;--shadow-lg:0 10px 20px #00000030,0 6px 6px #0000003b;--background-color:var(--darker-bg);--background-rgb:37,37,38;--primary-hover:#3a8de6;--scrollbar-thumb:#555;--scrollbar-track:#333;--button-secondary:#666;--button-secondary-hover:#777;--text-color-secondary:#999}[data-theme=light]{--dark-bg:#f5f5f5;--darker-bg:#f3f3f3;--sidebar-bg:#f3f3f3;--editor-bg:#fff;--output-bg:#f8f8f8;--terminal-bg:#f5f5f5;--terminal-text:#333;--primary-color:#0078d4;--primary-rgb:0,120,212;--accent-color:#06c;--hover-color:#106ebe;--border-color:#c8c8c8;--text-color:#333;--secondary-text:#767676;--status-bar-bg:#0078d4;--tab-bg:#ececec;--active-tab-bg:#fff;--inactive-tab-bg:#f0f0f0;--background-color:#f5f5f5;--background-rgb:245,245,245;--primary-hover:#0078d4;--scrollbar-thumb:#bbb;--scrollbar-track:#eee;--button-secondary:#ddd;--button-secondary-hover:#ccc;--text-color-secondary:#777}body{font-family:Segoe UI,Cascadia Code,Courier New,monospace;font-size:16px;font-size:var(--font-size-md);line-height:1.5;margin:0;overflow:hidden;padding:0}.homePageWrapper,body{background-color:#1e1e1e;background-color:var(--dark-bg);color:#d4d4d4;color:var(--text-color);height:100vh}.homePageWrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.formWrapper,.homePageWrapper{padding:16px;padding:var(--spacing-md)}.formWrapper{background:#252526;background:var(--sidebar-bg);border:1px solid #474747;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-md);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;box-shadow:var(--shadow-sm);max-width:350px;width:100%}footer{bottom:0;font-size:14px;font-size:var(--font-size-sm);padding:8px;padding:var(--spacing-sm);position:fixed;text-align:center;width:100%}footer a{color:#0096ff;color:var(--accent-color)}.inputGroup{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.mainLabel{font-size:18px;font-size:var(--font-size-lg);margin-bottom:16px;margin-bottom:var(--spacing-md);margin-top:0;text-align:center}.homePageLogo{display:block;height:70px;margin-bottom:24px;margin-bottom:var(--spacing-lg);margin-left:auto;margin-right:auto;object-fit:contain;width:auto}.inputBox{background:#252526;background:var(--darker-bg);border:1px solid #474747;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--border-radius-sm);box-sizing:border-box;color:#d4d4d4;color:var(--text-color);margin-bottom:8px;margin-bottom:var(--spacing-sm);outline:none;width:100%}.btn,.inputBox{font-size:16px;font-size:var(--font-size-md);padding:16px;padding:var(--spacing-md)}.btn{align-items:center;border:none;border-radius:4px;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;gap:8px;gap:var(--spacing-sm);justify-content:center;transition:all .3s ease-in-out}.copyBtn{background-color:#4f9eed;background-color:var(--primary-color);color:#fff;margin-bottom:10px;width:100%}.copyBtn:hover{background-color:#3a8de6;background-color:var(--hover-color)}.joinBtn{background:#0096ff;background:var(--accent-color);color:#fff;margin-left:auto;width:100px}.joinBtn:hover{background:#3a8de6;background:var(--hover-color)}.leaveBtn{background:#ff5252;background:var(--danger-color);color:#fff;margin-top:0;width:100%}.leaveBtn:hover{background:#f33}.createInfo{margin:20px auto 0}.createNewBtn{color:#40be70;font-weight:500!important;text-decoration:none;transition:all .3s ease-in-out}.createNewBtn:hover{border-color:#4aed88;color:#4aed88}footer a:hover{color:#0096ff;color:var(--accent-color)}.mainWrap{display:grid;grid-template-columns:180px 1fr;height:100vh}@media screen and (min-width:480px){.mainWrap{display:grid;grid-template-columns:230px 1fr;height:100vh}}.aside{background:#1c1e29;color:#fff;display:flex;flex-direction:column;padding:16px}.asideInner{flex:1 1}.clientsList{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.client{background-color:#252526;background-color:var(--darker-bg);border:1px solid #474747;border:1px solid var(--border-color);border-radius:6px;gap:10px;padding:8px 10px;transition:background-color .2s}.client:hover{background-color:#4f9eed1a;background-color:rgba(var(--primary-rgb),.1)}.client-info{gap:2px}.username{color:#d4d4d4;color:var(--text-color);font-size:13px}.host-badge{background-color:#4f9eed;background-color:var(--primary-color);border-radius:4px;display:inline-block;font-size:10px;font-weight:600;padding:2px 6px}.userName{margin-top:10px}.logo{border-bottom:1px solid #424242;padding-bottom:10px}.logoImage{height:60px}.seLang{border:none;border-radius:5px;font-size:16px;font-weight:700;margin-bottom:20px;margin-top:4px;padding:10px;text-align-last:center;width:100%}.CodeMirror{font-family:Cascadia Code,sans-serif!important;font-size:16px;line-height:1.6;min-height:calc(100vh - 20px);padding-top:20px;width:calc(100vw - 180px)}@media screen and (min-width:480px){.CodeMirror{font-size:16px;line-height:1.6;min-height:calc(100vh - 20px);padding-top:20px;width:calc(100vw - 230px)}}.output-panel{background-color:#1e1e1e;border-top:1px solid #333;height:200px;overflow-y:auto;padding:1rem}.output-header{align-items:center;color:#fff;display:flex;justify-content:space-between;margin-bottom:1rem}.language-badge{background-color:#007acc;border-radius:4px;color:#fff;font-size:.8rem;padding:.25rem .5rem}.output-content{background-color:#2d2d2d;border-radius:4px;min-height:100px;padding:1rem}.output-content pre{word-wrap:break-word;color:#fff;margin:0;white-space:pre-wrap}.output-content .error{color:#ff6b6b}.output-content .loading{color:#4dabf7}.output-content .loading,.run-button{align-items:center;display:flex;gap:.5rem}.run-button{background-color:#007acc;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;position:absolute;right:1rem;top:1rem;transition:background-color .2s}.run-button:hover{background-color:#0062a3}.run-button:disabled{background-color:#666;cursor:not-allowed}.chat-panel{background-color:#1e1e1e;border-left:1px solid #333;display:flex;flex-direction:column;height:100vh;width:300px}.chat-header{border-bottom:1px solid #333;color:#fff;padding:1rem}.chat-messages{background-color:#00000026;border-radius:4px;border-radius:var(--border-radius-sm);display:flex;flex:1 1;flex-direction:column;gap:8px;gap:var(--spacing-sm);margin-bottom:8px;margin-bottom:var(--spacing-sm);min-height:150px;overflow-y:auto;padding:8px;padding:var(--spacing-sm)}.chat-messages.highlighted{background-color:#4f9eed0d;background-color:rgba(var(--primary-rgb),.05);border:1px solid #4f9eed1a;border:1px solid rgba(var(--primary-rgb),.1)}.messages-wrapper{padding-right:var(--spacing-xs)}.message-timestamp{color:#666;display:block;font-size:.8rem;margin-top:.25rem}.chat-input{border-top:1px solid #333;display:flex;gap:.5rem;padding:1rem}.chat-input input{background-color:#2d2d2d;border:1px solid #333;border-radius:4px;color:#fff;flex:1 1;padding:.5rem}.chat-input button{background-color:#007acc;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.chat-input button:hover{background-color:#0062a3}.editor-page{background-color:#1e1e1e;background-color:var(--dark-bg);display:flex;flex-direction:column;height:100vh;overflow:hidden}.header{align-items:center;background-color:#252526;background-color:var(--darker-bg);border-bottom:1px solid #474747;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm);height:60px;height:var(--header-height);justify-content:space-between;padding:16px;padding:var(--spacing-md)}.header-left{gap:16px;gap:var(--spacing-md)}.header-logo{height:40px;transition:transform .3s ease}.user-info{display:flex;flex-direction:column;margin-left:8px;margin-left:var(--spacing-sm)}.welcome-message{font-size:14px;font-size:var(--font-size-sm);font-weight:500;margin:0}.user-role{color:#9e9e9e;color:var(--secondary-text);font-size:12px;font-size:var(--font-size-xs)}.theme-controls{gap:8px;gap:var(--spacing-sm)}.theme-toggle-btn{background:#0000;border-radius:4px;border-radius:var(--border-radius-sm);font-size:var(--font-size-md);height:36px;line-height:1;padding:8px;padding:var(--spacing-sm);transition:all .2s ease;width:36px}.header-actions{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm)}.main-content{display:flex;flex:1 1;overflow:hidden;position:relative}.sidebar{overflow-x:hidden}.left-sidebar,.sidebar{background-color:#252526;background-color:var(--sidebar-bg);border-right:1px solid #474747;border-right:1px solid var(--border-color);overflow-y:auto}.left-sidebar,.right-sidebar{position:relative;z-index:10}.right-sidebar{background-color:#252526;background-color:var(--sidebar-bg);border-left:1px solid #474747;border-left:1px solid var(--border-color);overflow-y:auto}.resizer{background-color:#474747;background-color:var(--border-color);cursor:col-resize;transition:background-color .2s;width:4px;z-index:20}.resizer.active,.resizer:hover{background-color:#4f9eed;background-color:var(--primary-color)}.editor-container{background-color:#1e1e1e;background-color:var(--editor-bg);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.editor-area{flex:1 1;overflow:hidden;position:relative}.monaco-editor-container{height:100%;width:100%}.output-area{background-color:#1a1a1a;background-color:var(--output-bg);border-top:1px solid #474747;border-top:1px solid var(--border-color);display:flex;flex-direction:column;height:180px;height:var(--output-height);overflow:hidden}@media (max-width:1200px){.main-content{flex-wrap:nowrap}.left-sidebar{width:260px!important}.right-sidebar{width:220px!important}}@media (max-width:992px){.header{flex-wrap:wrap;height:auto;min-height:60px;min-height:var(--header-height);padding:8px;padding:var(--spacing-sm)}.header-left{flex:1 1}.header-actions,.header-left{flex-wrap:wrap;gap:8px;gap:var(--spacing-sm)}.header-actions{justify-content:flex-end}.copyBtn,.end-meeting-btn,.leave-meeting-btn{font-size:14px;font-size:var(--font-size-sm);padding:8px;padding:var(--spacing-sm)}.left-sidebar{width:240px!important}.right-sidebar{width:200px!important}}@media (max-width:768px){:root{--header-height:auto;--output-height:150px}.header{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--spacing-sm);padding:8px;padding:var(--spacing-sm)}.header-actions,.header-left{width:100%}.header-actions{justify-content:space-between;margin-top:8px;margin-top:var(--spacing-sm)}.main-content{flex-direction:column;height:calc(100vh - 76px);height:calc(100vh - var(--header-height) - var(--spacing-md))}.left-sidebar{border-right:none;border-top:1px solid #474747;border-top:1px solid var(--border-color);height:250px;order:2;width:100%!important}.editor-container{height:calc(100vh - 326px);height:calc(100vh - 250px - var(--header-height) - var(--spacing-md));min-height:350px;order:1}.right-sidebar{border-left:none;border-top:1px solid #474747;border-top:1px solid var(--border-color);height:auto;min-height:200px;order:3;width:100%!important}.resizer{display:none}}@media (max-width:576px){.header{padding:4px;padding:var(--spacing-xs)}.header-logo{height:32px}.theme-toggle-btn{font-size:14px;font-size:var(--font-size-sm);height:30px;width:30px}.copyBtn,.end-meeting-btn,.leave-meeting-btn{font-size:12px;font-size:var(--font-size-xs);padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.main-content{flex-direction:column}.editor-area{height:50vh;min-height:200px}.output-area{height:auto;min-height:180px;min-height:var(--output-height)}.left-sidebar{height:auto;max-height:220px;min-height:180px}}@media (max-height:500px) and (orientation:landscape){.header{height:auto;min-height:40px;padding:4px;padding:var(--spacing-xs)}.header-logo{height:24px}.main-content{height:calc(100vh - 40px)}.left-sidebar{height:auto;max-height:180px;min-height:150px}.editor-area{height:50vh;min-height:150px}.output-area{height:auto;min-height:100px}}.editor-tab{background-color:#2d2d2d;background-color:var(--tab-bg);border-bottom:1px solid #474747;border-bottom:1px solid var(--border-color);height:36px;padding-left:4px}.editor-tab,.tab-item{align-items:center;display:flex}.tab-item{background-color:#2d2d2d;background-color:var(--inactive-tab-bg);border-right:1px solid #474747;border-right:1px solid var(--border-color);cursor:pointer;font-size:13px;height:100%;padding:6px 12px}.tab-item.active{background-color:#1e1e1e;background-color:var(--active-tab-bg);border-top:1px solid #4f9eed;border-top:1px solid var(--primary-color)}.footer{background-color:#007acc;background-color:var(--status-bar-bg);color:#fff;font-size:12px;justify-content:space-between;margin-top:auto;padding:8px 16px}.footer,.footer-branding{align-items:center;display:flex}.footer-branding{gap:12px}.footer-branding a{align-items:center;color:#fff;display:flex;gap:6px;text-decoration:none;transition:opacity .2s}.footer-branding a:hover{opacity:.9;text-decoration:underline}.github-icon{font-size:16px}.ai-chat-container,.ai-chat-header{background-color:#252526}.ai-chat-header{border-bottom:1px solid #474747;padding:12px 16px}.ai-chat-header h3{color:#d4d4d4}.ai-chat-messages{background-color:#1e1e1e}.ai-code{background-color:#0003;border-radius:4px;font-family:Cascadia Code,Courier New,monospace;font-size:13px;line-height:1.4;margin:4px 0 0;overflow-x:auto;padding:8px;white-space:pre-wrap}.typing-indicator span{height:8px;width:8px}.no-messages{color:#9e9e9e}.discussion-section h3{border-bottom:1px solid #474747;border-bottom:1px solid var(--border-color);color:#4f9eed;color:var(--primary-color);font-size:16px;font-size:var(--font-size-md);margin:0 0 8px;margin:0 0 var(--spacing-sm);padding:0 0 8px;padding:0 0 var(--spacing-sm)}.chat-messages.highlighted{box-shadow:inset 0 0 0 1px #4f9eed26;box-shadow:inset 0 0 0 1px rgba(var(--primary-rgb),.15)}.messages-wrapper{gap:8px;gap:var(--spacing-sm);overflow-y:auto}.message{border-radius:var(--border-radius-md);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;box-shadow:var(--shadow-sm);font-size:14px;font-size:var(--font-size-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.own-message{border-bottom-right-radius:4px}.other-message{background-color:#252526;background-color:var(--darker-bg);border-bottom-left-radius:4px}.message-sender{display:flex;font-size:11px;justify-content:space-between}.message-content,.no-messages p{font-size:14px;font-size:var(--font-size-sm)}.no-messages p{margin:0;opacity:.7}.theme-selector{align-items:center;display:flex;justify-content:center}.theme-selector select{background-color:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px}.room-info{padding:16px}.room-info button{width:100%}.header-left{align-items:center;display:flex;gap:15px}.header-logo{height:45px;margin-right:0;object-fit:contain;transition:all .2s ease;width:auto}.header-logo:hover{opacity:.9;transform:scale(1.05)}.theme-controls{align-items:center;display:flex;gap:10px}.theme-toggle-btn{align-items:center;background:none;border:1px solid #474747;border:1px solid var(--border-color);border-radius:50%;color:#d4d4d4;color:var(--text-color);cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.theme-toggle-btn:hover{background-color:#3a8de6;background-color:var(--hover-color)}.group-chat-header{margin-bottom:8px;padding:8px 0}.group-chat-header h3{color:#9e9e9e;color:var(--secondary-text);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.group-chat-messages{background-color:#252526;border:1px solid #474747;padding:8px 12px}.messages-wrapper{padding-right:4px}.messages-wrapper .message:last-child{margin-bottom:0}.group-chat-input input{background-color:#252526;border:1px solid #474747;color:#d4d4d4}.group-chat-input input:focus{border-color:#4f9eed}.group-chat-input button{background-color:#4f9eed}.group-chat-input button:hover{background-color:#3a8de6}.message{margin-bottom:8px}.own-message{background-color:#4f9eed}.other-message{background-color:#2d2d2d}.message-sender{margin-bottom:4px}.message-username{color:#ffffffe6;font-size:12px;font-weight:600}.chat-input-container{background-color:#252526!important;background-color:var(--darker-bg)!important;border-radius:0 0 4px 4px!important;border-top:1px solid #474747!important;border-top:1px solid var(--border-color)!important;margin-top:auto!important;padding:8px 12px!important;z-index:20!important}.chat-input-container,.discussion-chat-input{bottom:0!important;display:flex!important;gap:8px!important;position:sticky!important;width:100%!important}.discussion-chat-input{align-items:center!important;background-color:#4f9eed14!important;background-color:rgba(var(--primary-rgb),.08)!important;border:1px solid #4f9eed33!important;border:1px solid rgba(var(--primary-rgb),.2)!important;border-radius:6px!important;box-shadow:0 2px 5px #0003!important;margin-top:8px!important;min-height:50px!important;opacity:1!important;padding:10px!important;visibility:visible!important;z-index:10!important}.chat-input{background-color:#1e1e1e!important;background-color:var(--dark-bg)!important;border:1px solid #474747!important;border:1px solid var(--border-color)!important;border-radius:4px!important;color:#d4d4d4!important;color:var(--text-color)!important;flex:1 1!important;font-size:14px!important;height:38px!important;min-width:0!important;padding:8px 12px!important;transition:all .2s ease!important}.chat-input:focus{border-color:#4f9eed!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 1px #4f9eed,0 1px 3px #0000001a!important;box-shadow:0 0 0 1px var(--primary-color),0 1px 3px #0000001a!important;outline:none!important}.chat-send-btn{align-items:center!important;background-color:#4f9eed!important;background-color:var(--primary-color)!important;border:none!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:500!important;height:38px!important;justify-content:center!important;min-width:70px!important;padding:0 15px!important;transition:all .2s ease!important;white-space:nowrap!important}.chat-send-btn:hover:not(:disabled){background-color:#3a8de6!important;background-color:var(--hover-color)!important;transform:translateY(-1px)!important}.chat-send-btn:disabled{cursor:not-allowed!important;opacity:.6!important}.discussion-section{background-color:#252526!important;background-color:var(--darker-bg)!important;border:1px solid #474747!important;border:1px solid var(--border-color)!important;border-radius:8px!important;display:flex!important;flex-direction:column!important;margin-bottom:16px!important;max-height:40vh!important;min-height:280px!important;overflow:hidden!important;padding:12px!important;position:relative!important}.discussion-section .chat-messages{background-color:#0000001a!important;border-radius:6px!important;flex:1 1!important;margin-bottom:10px!important;max-height:none!important;min-height:180px!important;overflow-y:auto!important;padding:10px!important;scrollbar-color:#555 #333!important;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)!important;scrollbar-width:thin!important}@media (max-width:768px){.discussion-section{max-height:35vh!important;min-height:220px!important}.discussion-section .chat-messages{min-height:140px!important}.discussion-chat-input{min-height:46px!important;padding:8px!important}.chat-input,.chat-send-btn{height:36px!important}.chat-send-btn{font-size:13px!important;min-width:60px!important;padding:0 10px!important}}@media (max-width:576px){.discussion-section{max-height:30vh!important;min-height:200px!important;padding:8px!important}.discussion-section .chat-messages{min-height:120px!important;padding:8px!important}.discussion-chat-input{min-height:42px!important;padding:6px!important}.chat-input{height:34px!important;padding:6px 10px!important}.chat-send-btn{height:34px!important;min-width:50px!important;padding:0 8px!important}}[data-theme=light] .chat-input,[data-theme=light] .stdin-textarea,[data-theme=light] input,[data-theme=light] textarea{background-color:#fff!important;border-color:#c8c8c8!important;color:#333!important}[data-theme=light] .chat-input:focus,[data-theme=light] .stdin-textarea:focus,[data-theme=light] input:focus,[data-theme=light] textarea:focus{border-color:#4f9eed!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 1px #4f9eed,0 1px 3px #0000001a!important;box-shadow:0 0 0 1px var(--primary-color),0 1px 3px #0000001a!important}[data-theme=dark] .chat-input,[data-theme=dark] .stdin-textarea,[data-theme=dark] input,[data-theme=dark] textarea{background-color:#252526!important;border-color:#474747!important;color:#d4d4d4!important}[data-theme=dark] .chat-input:focus,[data-theme=dark] .stdin-textarea:focus,[data-theme=dark] input:focus,[data-theme=dark] textarea:focus{border-color:#4f9eed!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 1px #4f9eed,0 1px 3px #0000001a!important;box-shadow:0 0 0 1px var(--primary-color),0 1px 3px #0000001a!important}@media (max-width:768px){.header-logo{height:40px}.homePageLogo{height:70px}}@media (max-width:576px){.header-logo{height:35px}.homePageLogo{height:60px}}[data-theme=dark] .header-logo,[data-theme=dark] .homePageLogo,[data-theme=light] .header-logo,[data-theme=light] .homePageLogo{filter:none}.guest-btn{background-color:#718096;color:#fff;margin-top:15px;width:100%}.guest-btn:hover{background-color:#7b8a8b}.social-login{align-items:center;display:flex;flex-direction:column;margin-top:20px;width:100%}.social-divider{color:#d4d4d4;color:var(--text-color);font-size:14px;margin:15px 0;position:relative;text-align:center;width:100%}.social-divider:after,.social-divider:before{background-color:#474747;background-color:var(--border-color);content:"";height:1px;position:absolute;top:50%;width:30%}.social-divider:before{left:0}.social-divider:after{right:0}.social-buttons{gap:10px;margin-bottom:15px;width:100%}.social-btn,.social-buttons{display:flex;justify-content:center}.social-btn{align-items:center;background-color:#252526;background-color:var(--background-color);border:1px solid #474747;border:1px solid var(--border-color);border-radius:5px;color:#d4d4d4;color:var(--text-color);cursor:pointer;font-weight:500;gap:8px;padding:10px 15px;transition:all .3s ease}.social-btn:hover{filter:brightness(90%)}.social-btn:disabled{cursor:not-allowed;opacity:.7}.google-btn{background-color:#fff;border-color:#ddd;color:#444}.github-btn{background-color:#333;border-color:#222;color:#fff}.role-subtitle{color:#d4d4d4;color:var(--text-color);margin-bottom:20px;opacity:.8;text-align:center}.role-info{background-color:#25252680;background-color:rgba(var(--background-rgb),.5);border-radius:5px;display:flex;gap:10px;justify-content:center;margin-bottom:20px;padding:10px}.role-label{font-weight:500}.role-value{color:#0096ff;color:var(--accent-color);font-weight:600;text-transform:capitalize}.role-buttons{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;width:100%}.role-btn{font-size:16px;font-weight:500;padding:12px 20px;transition:transform .2s}.role-btn:hover{transform:translateY(-2px)}.host-btn{background-color:#2980b9}.host-btn:hover{background-color:#3498db}.participant-btn{background-color:#27ae60}.participant-btn:hover{background-color:#2ecc71}.role-description{color:#d4d4d4;color:var(--text-color);font-size:13px;margin-bottom:15px;opacity:.8;text-align:center}.back-btn{background-color:#666;background-color:var(--button-secondary);margin-top:15px}.back-btn:hover{background-color:#777;background-color:var(--button-secondary-hover)}@media (max-width:576px){.social-buttons{flex-direction:column;gap:8px}.social-btn{width:100%}.role-btn{padding:10px 15px}}.join-request-modal{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.join-request-content{background-color:#252526;background-color:var(--darker-bg);border:1px solid #474747;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-md);box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;box-shadow:var(--shadow-lg);max-height:80vh;max-width:90%;overflow-y:auto;padding:24px;padding:var(--spacing-lg);width:400px}.join-request-content h2{border-bottom:1px solid #474747;border-bottom:1px solid var(--border-color);color:#d4d4d4;color:var(--text-color);font-size:18px;font-size:var(--font-size-lg);margin-top:0;padding-bottom:16px;padding-bottom:var(--spacing-md);text-align:center}.join-request-item,.join-request-list{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md)}.join-request-item{background-color:#4f9eed1a;background-color:rgba(var(--primary-rgb),.1);border:1px solid #4f9eed33;border:1px solid rgba(var(--primary-rgb),.2);border-radius:4px;border-radius:var(--border-radius-sm);padding:16px;padding:var(--spacing-md)}.join-request-info{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.join-request-username{color:#d4d4d4;color:var(--text-color);font-size:16px;font-size:var(--font-size-md);font-weight:700}.join-request-email{color:#9e9e9e;color:var(--secondary-text);font-size:14px;font-size:var(--font-size-sm)}.join-request-actions{display:flex;gap:16px;gap:var(--spacing-md);justify-content:space-between}.approve-btn{background-color:#13a10e;background-color:var(--success-color);border:none;border-radius:4px;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-size:var(--font-size-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.approve-btn:hover{background-color:#16c60c;transform:translateY(-1px)}.reject-btn{background-color:#ff5252;background-color:var(--danger-color);border:none;border-radius:4px;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-size:var(--font-size-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.reject-btn:hover{background-color:#e53935;transform:translateY(-1px)}.no-requests{color:#9e9e9e;color:var(--secondary-text);font-style:italic;margin:16px 0;margin:var(--spacing-md) 0;text-align:center}.rejection-page,.waiting-page{align-items:center;background-color:#1e1e1e;background-color:var(--dark-bg);color:#d4d4d4;color:var(--text-color);display:flex;height:100vh;justify-content:center;padding:16px;padding:var(--spacing-md)}.rejection-container,.waiting-container{background-color:#252526;background-color:var(--darker-bg);border:1px solid #474747;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-md);box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;box-shadow:var(--shadow-md);max-width:90%;padding:32px;padding:var(--spacing-xl);text-align:center;width:450px}.rejection-container h2,.waiting-container h2{font-size:24px;font-size:var(--font-size-xl);margin-bottom:16px;margin-bottom:var(--spacing-md);margin-top:0}.rejection-container p,.waiting-container p{color:#9e9e9e;color:var(--secondary-text);line-height:1.5;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.loader{animation:spin 1s linear infinite;border:5px solid #4f9eed1a;border-top:5px solid #4f9eed;border:5px solid rgba(var(--primary-rgb),.1);border-radius:50%;border-top-color:var(--primary-color);height:50px;margin:24px auto;margin:var(--spacing-lg) auto;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:576px){.join-request-content{max-width:95%;padding:16px;padding:var(--spacing-md)}.join-request-content h2{font-size:16px;font-size:var(--font-size-md)}.approve-btn,.join-request-item,.reject-btn{padding:8px;padding:var(--spacing-sm)}.approve-btn,.reject-btn{font-size:12px;font-size:var(--font-size-xs)}.rejection-container,.waiting-container{padding:24px;padding:var(--spacing-lg)}.rejection-container h2,.waiting-container h2{font-size:18px;font-size:var(--font-size-lg)}.loader{border-width:4px;height:40px;width:40px}}.connected-users{background-color:#4f9eed0d;background-color:rgba(var(--primary-rgb),.05);border:1px solid #4f9eed1a;border:1px solid rgba(var(--primary-rgb),.1);border-radius:4px;border-radius:var(--border-radius-sm);padding:16px;padding:var(--spacing-md)}.connected-users,.connected-users h3{margin-bottom:16px;margin-bottom:var(--spacing-md)}.connected-users h3{color:#9e9e9e;color:var(--secondary-text);font-size:14px;font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;margin-top:0;text-transform:uppercase}.clients-list{display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md);justify-content:flex-start}.client{align-items:center;background-color:#ffffff08;border-radius:4px;border-radius:var(--border-radius-sm);display:flex;flex-direction:column;padding:8px;padding:var(--spacing-sm);transition:all .2s ease;width:70px}.client:hover{background-color:#ffffff0f;transform:translateY(-2px)}.avatar{border-radius:50%;color:#fff;font-size:14px;font-size:var(--font-size-sm);font-weight:700;height:40px;justify-content:center;letter-spacing:-.5px;margin-bottom:4px;margin-bottom:var(--spacing-xs);width:40px}.avatar,.client-info{align-items:center;display:flex}.client-info{flex-direction:column;width:100%}.username{font-size:12px;font-size:var(--font-size-xs);font-weight:500;margin-top:4px;margin-top:var(--spacing-xs);max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.host-badge{background-color:#ff5252;background-color:var(--danger-color);border-radius:8px;color:#fff;font-size:9px;font-weight:700;letter-spacing:.5px;line-height:1;margin-top:2px;padding:2px 4px;text-transform:uppercase}@media (max-width:768px){.clients-list{justify-content:center}.client{padding:4px;padding:var(--spacing-xs);width:60px}.avatar{font-size:11px;height:36px;width:36px}}@media (max-width:576px){.connected-users{padding:8px;padding:var(--spacing-sm)}.clients-list{gap:8px;gap:var(--spacing-sm)}.client{width:50px}.avatar{font-size:10px;height:30px;width:30px}.username{font-size:9px}}.sidebar-content{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md);height:100%;overflow-y:auto;padding:16px;padding:var(--spacing-md)}.language-selector{border-bottom:1px solid #474747;border-bottom:1px solid var(--border-color);padding-bottom:16px;padding-bottom:var(--spacing-md)}.language-selector h3{color:#9e9e9e;color:var(--secondary-text);font-weight:600;letter-spacing:.5px;margin-bottom:8px;margin-bottom:var(--spacing-sm);margin-top:0;text-transform:uppercase}.language-select,.language-selector h3{font-size:14px;font-size:var(--font-size-sm)}.language-select{-webkit-appearance:none;appearance:none;background-color:#252526;background-color:var(--darker-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23646464' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-position:right var(--spacing-sm) center;background-repeat:no-repeat;background-size:16px;border:1px solid #474747;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--border-radius-sm);color:#d4d4d4;color:var(--text-color);cursor:pointer;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);padding-right:30px;transition:border-color .2s;width:100%}.language-select:focus{border-color:#4f9eed;border-color:var(--primary-color);box-shadow:0 0 0 1px #4f9eed4d;box-shadow:0 0 0 1px rgba(var(--primary-rgb),.3);outline:none}.discussion-section{background-color:#ffffff05;border:1px solid #ffffff0d;border-radius:4px;border-radius:var(--border-radius-sm);display:flex;flex:1 1;flex-direction:column;min-height:200px;padding:8px;padding:var(--spacing-sm)}.discussion-section h3{color:#9e9e9e;color:var(--secondary-text);font-size:14px;font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;margin-bottom:8px;margin-bottom:var(--spacing-sm);margin-top:0;text-align:center;text-transform:uppercase}@media (max-width:992px){.sidebar-content{gap:8px;gap:var(--spacing-sm);padding:8px;padding:var(--spacing-sm)}.language-selector{padding-bottom:8px;padding-bottom:var(--spacing-sm)}.language-select{background-size:14px;font-size:12px;font-size:var(--font-size-xs);padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.discussion-section{min-height:150px}}@media (max-width:576px){.sidebar-content{flex-direction:column}.connected-users,.discussion-section,.language-selector{width:100%}}.chat-messages::-webkit-scrollbar{width:6px!important}.chat-messages::-webkit-scrollbar-track{background:#333!important;background:var(--scrollbar-track)!important}.chat-messages::-webkit-scrollbar-thumb{background-color:#555!important;background-color:var(--scrollbar-thumb)!important;border-radius:6px!important}.chat-drawer-overlay{background-color:#00000080;opacity:0;top:0;transition:opacity .3s ease;z-index:999}.chat-drawer-container,.chat-drawer-overlay{bottom:0;display:none;left:0;position:fixed;right:0}.chat-drawer-container{background-color:#252526;background-color:var(--darker-bg);border-top:1px solid #474747;border-top:1px solid var(--border-color);box-shadow:0 -4px 10px #0000004d;height:0;overflow:hidden;transition:height .3s ease;z-index:1000}.chat-drawer-header{align-items:center;background-color:#4f9eed;background-color:var(--primary-color);color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:10px 15px}.chat-drawer-header h3{font-size:16px;margin:0}.chat-drawer-close{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;padding:0;width:30px}.chat-drawer-content{display:flex;flex-direction:column;height:calc(100% - 50px);padding:10px}.chat-drawer-button{align-items:center;background-color:#4f9eed;background-color:var(--primary-color);border:none;border-radius:50%;bottom:20px;box-shadow:0 2px 10px #0000004d;color:#fff;cursor:pointer;display:none;font-size:24px;height:50px;justify-content:center;position:fixed;right:20px;transition:transform .2s ease,background-color .2s ease;width:50px;z-index:990}.chat-drawer-button:hover{background-color:#3a8de6;background-color:var(--hover-color);transform:scale(1.05)}.chat-drawer-open{height:80vh;max-height:600px}.overlay-visible{opacity:1}@media (max-width:768px){.chat-drawer-button,.chat-drawer-container,.chat-drawer-overlay{display:flex}.right-sidebar{display:none!important}}.chat-drawer-content .discussion-section{background-color:initial!important;border-radius:0;flex:1 1;margin-bottom:0;max-height:none!important;min-height:auto!important;overflow:hidden;padding:10px}.chat-drawer-content .chat-messages{flex:1 1;min-height:180px!important}.chat-drawer-content .chat-input-container{margin-top:8px}.ai-chat-container{background-color:var(--sidebar-bg);display:flex;flex-direction:column;height:100%;overflow:hidden}.ai-chat-header{background-color:var(--darker-bg);border-bottom:1px solid var(--border-color);padding:14px 16px}.ai-chat-header h3{color:var(--text-color);font-size:14px;font-weight:600;margin:0}.ai-chat-messages{background-color:var(--editor-bg);display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.ai-message{align-self:flex-start;background-color:#394049b3;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 1px 2px #00000026;max-width:90%}.ai-text p{margin:8px 0}.ai-text p:first-child{margin-top:0}.ai-text p:last-child{margin-bottom:0}.ai-code-block{background-color:#0000004d;border-left:3px solid var(--primary-color);border-radius:4px;font-family:Cascadia Code,Courier New,monospace;font-size:13px;line-height:1.5;margin:10px 0;max-width:100%;overflow-x:auto;padding:10px;position:relative;white-space:pre-wrap}.language-javascript{border-left-color:#f0db4f}.language-python{border-left-color:#3776ab}.language-java{border-left-color:#f89820}.language-c,.language-cpp{border-left-color:#00599c}.language-rust{border-left-color:#dea584}.language-go{border-left-color:#00add8}.language-html{border-left-color:#e34c26}.language-css{border-left-color:#264de4}.language-typescript{border-left-color:#007acc}.ai-typing{align-items:center;align-self:flex-start;background-color:#39404980;border-radius:8px;display:flex;gap:8px;padding:8px 12px}.typing-text{color:var(--secondary-text);font-size:12px;font-style:italic}.typing-indicator{align-items:center;display:flex;gap:4px}.typing-indicator span{animation:typing-bounce 1.4s ease-in-out infinite both;background-color:#ffffff80;border-radius:50%;display:inline-block;height:6px;width:6px}.typing-indicator span:first-child{animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,80%,to{opacity:.6;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.ai-chat-input{border-top:1px solid var(--border-color);padding:12px}.ai-input-container{align-items:center;display:flex;gap:8px;position:relative;width:100%}.ai-chat-input input{background-color:var(--darker-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);flex:1 1;font-size:13px;height:38px;min-width:0;padding:0 12px;transition:border-color .2s,box-shadow .2s}.ai-chat-input input:focus{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color);outline:none}.ai-chat-input button{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;height:38px;padding:0 12px;transition:background-color .2s,transform .2s;white-space:nowrap}.ai-chat-input button:hover:not(:disabled){background-color:var(--hover-color);transform:translateY(-1px)}.ai-chat-input button:disabled{cursor:not-allowed;opacity:.6}.ai-tip{font-size:12px;margin-top:8px}.ai-tip,.no-messages{color:var(--secondary-text);font-style:italic}.no-messages{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;text-align:center}.group-chat-wrapper{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.group-chat-container{display:flex;flex-direction:column;height:100%;width:100%}.group-chat-messages{background-color:var(--darker-bg);border:1px solid var(--border-color);border-radius:6px;flex:1 1;margin-bottom:12px;max-height:100%;min-height:250px;overflow-y:auto;padding:10px 12px;scrollbar-width:thin}.messages-wrapper{display:flex;flex-direction:column;gap:10px;padding-bottom:8px;width:100%}.group-chat-input{display:flex;gap:8px;margin-top:auto}.group-chat-input input{background-color:var(--darker-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);flex:1 1;font-size:13px;padding:10px 12px;transition:border-color .2s}.group-chat-input input:focus{border-color:var(--primary-color);outline:none}.group-chat-input button{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px;transition:background-color .2s;white-space:nowrap}.group-chat-input button:hover{background-color:var(--hover-color)}.group-chat-input button:disabled{cursor:not-allowed;opacity:.6}.message{border-radius:8px;box-shadow:0 1px 2px #0000001a;margin-bottom:4px;max-width:85%;padding:10px 12px;position:relative;word-break:break-word}.own-message{align-self:flex-end;background-color:var(--primary-color);color:#fff;margin-left:auto}.other-message{align-self:flex-start;background-color:var(--tab-bg)}.message-header{align-items:center;display:flex;font-size:12px;justify-content:space-between;margin-bottom:4px}.message-username{font-weight:700}.message-timestamp{font-size:11px;margin-left:8px;opacity:.7}.message-content{font-size:13px;line-height:1.4}@media (max-width:768px){.ai-chat-messages,.group-chat-messages{max-height:200px;min-height:180px}.message{max-width:90%}.ai-code-block{max-width:100%;overflow-x:auto}.ai-chat-input,.group-chat-input{flex-direction:row}.ai-chat-input button,.group-chat-input button{padding:8px 12px}}@media (max-width:576px){.ai-chat-messages,.group-chat-messages{max-height:150px;min-height:120px}.ai-chat-input,.group-chat-input{flex-direction:column;gap:8px}.ai-chat-input button,.group-chat-input button{width:100%}}
/*# sourceMappingURL=main.db2e9171.css.map*/