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}.add-code-block-form{background-color:#f9fafb;border-radius:12px;box-shadow:0 2px 10px #0000000f;display:flex;flex-direction:column;gap:1rem;margin:3rem auto;max-width:800px;padding:1.5rem}.add-code-block-form h3{color:#1f2937;font-size:1.5rem;margin-bottom:.5rem}.title-input{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;padding:.75rem;width:100%}.code-fields{display:flex;flex-wrap:wrap;gap:1rem}.code-input{background-color:#252525;border:1px solid #fafafa;border-radius:8px;color:#fff;flex:1 1;font-family:monospace;font-size:.95rem;min-width:300px;padding:.75rem;resize:vertical}.submit-button{align-self:flex-start;background-color:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin:0 auto;padding:.6rem 1.2rem;transition:all .2s ease-in-out}.submit-button:hover{background-color:#1e40af;transform:translateY(-1px)}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;font-weight:700;margin-top:1rem;padding:.75rem}.lobby-header{background:linear-gradient(90deg,#0f2027,#203a43,#2c5364);border-bottom:4px solid #ffc107;color:#fff;padding:3rem 1rem;text-align:center}.lobby-header h1{font-size:2.5rem;margin-bottom:.5rem}.lobby-header p{font-size:1.25rem;opacity:.85}.secondary-topics-section{background-color:#f3f4f6;border-radius:12px;box-shadow:0 4px 10px #0000000d;margin:3rem auto;max-width:800px;padding:1.5rem}.section-title{color:#333;font-size:1.75rem;font-weight:700;margin-bottom:1rem;text-align:center}.code-block-buttons-container{gap:12px;justify-content:center}.secondary-topic-button{background-color:#2563eb;border:none;border-radius:8px;cursor:pointer;font-size:1rem;min-width:140px;padding:10px 18px;transition:all .2s ease-in-out}.secondary-topic-button:hover{background-color:#5471c2;box-shadow:0 2px 6px #00000026;transform:translateY(-2px)}.featured-topics-section{padding:2rem}.featured-topics-section h2{font-size:1.75rem;margin-bottom:1rem;text-align:left}.code-block-cards-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.code-block-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #00000026;padding:1rem;transition:transform .2s ease}.code-block-card:hover{transform:translateY(-4px)}.code-block-card h3{margin-top:0}.code-block-card button{background-color:#ffc107;border:none;border-radius:6px;color:#000;cursor:pointer;font-weight:700;margin-top:.75rem;padding:.5rem 1rem}.secondary-topics-section{padding:2rem}.secondary-topics-section h2{font-size:1.5rem;margin-bottom:1rem}.code-block-buttons-container{display:flex;flex-wrap:wrap;gap:1rem}.code-block-buttons-container button{background-color:#eee;border:none;border-radius:6px;cursor:pointer;padding:.5rem 1rem}.smiley-overlay{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.smiley-modal{background:#fff;border-radius:12px;box-shadow:0 0 20px #fff6;max-width:400px;padding:2rem;position:relative;text-align:center;width:90%}.close-btn{background:#0000;border:none;cursor:pointer;font-size:1.5rem;position:absolute;right:12px;top:8px}.smiley-content .smiley-icon{font-size:5rem;margin-bottom:1rem}.code-block-wrapper{background-color:#f3f4f6;min-height:100vh;padding:1.5rem}.top-bar{display:flex;justify-content:flex-start;margin-bottom:1rem}.back-button{background:#0000;border:none;border-radius:8px;color:#2563eb;cursor:pointer;font-size:1.2rem;font-weight:700;padding:1rem;transition:background .3s}.back-button:hover{background:#0000;color:#1d4ed8}.main-content{display:flex;gap:2rem}.room-info-panel{background-color:#fff;border-radius:12px;box-shadow:0 2px 6px #0000001a;flex:1 1;height:100%;padding:1rem}.editor-section{flex:3 1}.reset-button{background-color:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.5rem 1rem;transition:background .3s}.reset-button:hover{background-color:#059669}.room-info-panel h2{color:#111827;font-size:1.5rem;margin-bottom:.5rem}.room-info-panel p{color:#374151;font-size:1rem;margin:.5rem 0}.room-info-panel .room-icon{align-items:center;display:flex;gap:.5rem}.share-button{background-color:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.5rem 1rem;transition:background .3s}.share-button:hover{background-color:#4f46e5}
/*# sourceMappingURL=main.914772ee.css.map*/