.home-page{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);display:flex;justify-content:center;min-height:100vh;padding:2rem}.home-container{max-width:600px;width:100%}.home-header{margin-bottom:3rem;text-align:center}.home-header h1{color:#fff;font-size:2.5rem;margin-bottom:.5rem}.subtitle{color:#8892b0;font-size:1.2rem}.home-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:2rem}.action-card{padding:1.5rem 0;text-align:center}.action-card h2{color:#fff;font-size:1.3rem;margin-bottom:.5rem}.action-card p{color:#8892b0;margin-bottom:1.5rem}.primary-button,.secondary-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 2rem;transition:all .2s ease}.primary-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.primary-button:hover:not(:disabled){box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.primary-button:disabled{cursor:not-allowed;opacity:.6}.secondary-button{background:#ffffff1a;border:1px solid #fff3;color:#fff}.secondary-button:hover:not(:disabled){background:#fff3}.secondary-button:disabled{cursor:not-allowed;opacity:.5}.divider{align-items:center;display:flex;margin:1.5rem 0;text-align:center}.divider:after,.divider:before{border-bottom:1px solid #ffffff1a;content:"";flex:1 1}.divider span{color:#8892b0;font-size:.9rem;padding:0 1rem}.join-form{display:flex;gap:.75rem;justify-content:center}.room-input{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:1rem;padding:.8rem 1rem;transition:all .2s ease;width:200px}.room-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.room-input::placeholder{color:#8892b0}.error-message{background:#ff6b6b1a;border-radius:8px;color:#ff6b6b;margin-top:1rem;padding:.75rem;text-align:center}.features{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-top:3rem}.feature{padding:1rem;text-align:center}.feature-icon{display:block;font-size:2rem;margin-bottom:.75rem}.feature h3{color:#fff;font-size:1rem;margin-bottom:.5rem}.feature p{color:#8892b0;font-size:.85rem}@media (max-width:600px){.home-header h1{font-size:1.8rem}.join-form{flex-direction:column}.room-input{width:100%}.features{grid-template-columns:1fr}}.code-editor{background:#1e1e1e;flex-direction:column}.code-editor,.editor-wrapper{display:flex;flex:1 1;overflow:hidden}.line-numbers{background:#252526;border-right:1px solid #3c3c3c;color:#858585;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.5;min-width:50px;overflow:hidden;padding:1rem .5rem;text-align:right;-webkit-user-select:none;user-select:none}.line-number{height:21px;padding-right:.5rem}.editor-content{flex:1 1;overflow:hidden;position:relative}.code-textarea{background:#0000;border:none;color:#d4d4d4;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;height:100%;left:0;line-height:1.5;outline:none;overflow-wrap:normal;overflow-x:auto;overflow-y:auto;padding:1rem;position:absolute;resize:none;tab-size:4;-moz-tab-size:4;top:0;white-space:pre;width:100%}.code-textarea::placeholder{color:#6a6a6a}.code-textarea:focus{outline:none}.suggestion-overlay{bottom:0;left:1rem;overflow:hidden;pointer-events:none;position:absolute;right:1rem;top:1rem}.suggestion-text{background:#667eea0d;border:1px dashed #667eea4d;border-radius:4px;color:#667eea99;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.5;margin:0;max-height:200px;overflow-y:auto;padding:.5rem;white-space:pre-wrap}.editor-footer{align-items:center;background:#007acc;color:#fff;display:flex;font-size:.75rem;justify-content:space-between;padding:.25rem 1rem}.language-badge{font-weight:600;text-transform:uppercase}.line-info{color:#fffc}.code-textarea::-webkit-scrollbar{height:10px;width:10px}.code-textarea::-webkit-scrollbar-track{background:#1e1e1e}.code-textarea::-webkit-scrollbar-thumb{background:#424242;border-radius:5px}.code-textarea::-webkit-scrollbar-thumb:hover{background:#555}.code-textarea::-webkit-scrollbar-corner{background:#1e1e1e}.room-page{background:#1e1e1e;display:flex;flex-direction:column;min-height:100vh}.room-page.error,.room-page.loading{align-items:center;justify-content:center}.loader{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.error-container{padding:2rem;text-align:center}.error-container h2{color:#ff6b6b;margin-bottom:1rem}.error-container p{color:#8892b0;margin-bottom:1.5rem}.back-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem}.back-button:hover{background:#5a6fd6}.room-header{background:#252526;border-bottom:1px solid #3c3c3c;justify-content:space-between;padding:.75rem 1.5rem}.header-left,.room-header{align-items:center;display:flex}.header-left{gap:1.5rem}.header-left h1{color:#fff;font-size:1.2rem;margin:0}.room-id{background:#ffffff0d;border-radius:4px;color:#8892b0;font-family:monospace;font-size:.85rem;padding:.25rem .75rem}.header-center{align-items:center;display:flex;gap:1.5rem}.connection-status{align-items:center;display:flex;font-size:.85rem;gap:.5rem}.status-dot{border-radius:50%;height:8px;transition:background-color .3s ease;width:8px}.connection-status.connected .status-dot{background:#4ade80;box-shadow:0 0 8px #4ade8080}.connection-status.disconnected .status-dot{background:#ff6b6b}.connection-status.connected{color:#4ade80}.connection-status.disconnected{color:#ff6b6b}.user-count{color:#8892b0;font-size:.85rem}.header-right{align-items:center;display:flex;gap:.75rem}.language-select{background:#3c3c3c;border:1px solid #4c4c4c;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:.4rem .75rem}.language-select:focus{border-color:#667eea;outline:none}.copy-link-button,.leave-button{border-radius:4px;cursor:pointer;font-size:.85rem;padding:.4rem .75rem;transition:all .2s ease}.copy-link-button{background:#667eea33;border:1px solid #667eea;color:#667eea}.copy-link-button:hover{background:#667eea4d}.leave-button{background:#ff6b6b1a;border:1px solid #ff6b6b4d;color:#ff6b6b}.leave-button:hover{background:#ff6b6b33}.error-banner{background:#ff6b6b1a;border-bottom:1px solid #ff6b6b33;color:#ff6b6b;font-size:.85rem;padding:.5rem 1rem;text-align:center}.editor-container{display:flex;flex:1 1;overflow:hidden}.suggestion-hint{background:#000c;border-radius:8px;bottom:1rem;color:#d4d4d4;font-size:.85rem;left:50%;padding:.5rem 1rem;position:fixed;transform:translateX(-50%);z-index:100}.suggestion-hint kbd{background:#3c3c3c;border-radius:4px;font-family:monospace;margin:0 .25rem;padding:.2rem .5rem}@media (max-width:768px){.room-header{flex-wrap:wrap;gap:.75rem}.header-center{justify-content:center;order:3;width:100%}}.app{display:flex;flex-direction:column;min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#1e1e1e;color:#d4d4d4;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#root,body{min-height:100vh}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#1e1e1e}::-webkit-scrollbar-thumb{background:#424242;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}
/*# sourceMappingURL=main.51909aee.css.map*/