.navbar{background:var(--card-bg);height:80px;display:flex;justify-content:center;align-items:center;font-size:1.2rem;position:sticky;top:0;z-index:999;box-shadow:var(--shadow)}.navbar-container{display:flex;justify-content:space-between;height:80px;width:100%;max-width:1200px;padding:0 2rem;align-items:center}.navbar-logo{color:var(--text-color);font-size:1.5rem;font-weight:700}.nav-menu{display:flex;align-items:center;list-style:none;text-align:center}.nav-item{height:80px}.nav-links{color:var(--text-color);display:flex;align-items:center;padding:0 1rem;height:100%;font-weight:500}.nav-links:hover{color:var(--primary-color);border-bottom:3px solid var(--primary-color)}.nav-item-btn{margin-left:1rem}.btn-outline{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color);transition:all .2s ease}.btn-outline:hover{background-color:var(--primary-color);color:#fff}.auth-container{display:flex;justify-content:center;align-items:center;padding:2rem 0}.auth-form{width:100%;max-width:450px;background:var(--card-bg);padding:2rem;border-radius:8px;box-shadow:var(--shadow)}.auth-form h2{text-align:center;margin-top:0;margin-bottom:1.5rem;color:var(--text-color)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600}.form-group input{width:100%;padding:.75rem;font-size:1rem;border:1px solid var(--border-color);border-radius:6px}.btn-block{width:100%;padding:.75rem;margin-top:1rem}.auth-switch{text-align:center;margin-top:1rem}.snippet-form{background:var(--card-bg);padding:1.5rem;border-radius:8px;box-shadow:var(--shadow);margin-bottom:2rem}.snippet-form h3{margin-top:0;text-align:center}.snippet-form .form-group{margin-bottom:1rem}.snippet-form input,.snippet-form textarea,.snippet-form select{width:100%;padding:.75rem;font-size:1rem;border:1px solid var(--border-color);border-radius:6px;font-family:inherit}.snippet-form textarea{resize:vertical}.snippet-card{background:var(--card-bg);border-radius:8px;box-shadow:var(--shadow);margin-bottom:2rem;overflow:hidden}.snippet-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f9fafb;border-bottom:1px solid var(--border-color)}.snippet-author{font-weight:600;color:var(--text-color)}.snippet-language{font-size:.9rem;font-weight:500;background-color:var(--border-color);color:var(--text-color);padding:.25rem .5rem;border-radius:6px}.snippet-body{padding:1rem 1.5rem}.snippet-body h4{margin-top:0;margin-bottom:.5rem;font-size:1.25rem}.snippet-body p{margin-top:0;margin-bottom:1rem}.code-block{background:#1e1e1e;color:#d4d4d4;padding:1rem;border-radius:6px;overflow-x:auto;font-family:Fira Code,Courier New,monospace}.snippet-actions{display:flex;align-items:center;gap:1rem;padding:0 1.5rem 1rem;border-bottom:1px solid var(--border-color)}.btn-like{background:none;border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:20px;cursor:pointer;font-weight:600;transition:all .2s ease}.btn-like:hover{background:#fef2f2;border-color:#fca5a5}.btn-like.liked{background:#fef2f2;border-color:#ef4444;color:#ef4444}.comment-count{font-size:.9rem;font-weight:500;color:#6b7280}.snippet-comments{padding:1rem 1.5rem}.comment-form{display:flex;gap:.5rem;margin-bottom:1rem}.comment-form input{flex-grow:1;border:1px solid var(--border-color);padding:.5rem .75rem;border-radius:6px}.comment-form button{border:none;background:var(--primary-color);color:#fff;border-radius:6px;padding:0 1rem;cursor:pointer}.comment{font-size:.9rem;padding:.25rem 0}.profile-container{max-width:800px;margin:0 auto}.profile-header{background:var(--card-bg);padding:2rem;border-radius:8px;box-shadow:var(--shadow);text-align:center}.profile-avatar{width:150px;height:150px;border-radius:50%;border:4px solid var(--primary-color);margin-bottom:1rem}.profile-header h2{margin:.5rem 0;font-size:2rem}.profile-email{font-size:1.1rem;color:#6b7280;margin:0}.profile-bio{font-size:1rem;margin-top:1rem}.quiz-container{max-width:800px;margin:0 auto}.language-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.language-card{background:var(--card-bg);padding:2rem;border-radius:8px;text-align:center;box-shadow:var(--shadow);border-bottom:5px solid var(--lang-color, var(--primary-color));transition:all .2s ease-in-out}.language-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.language-card h3{margin:0;font-size:1.5rem;color:var(--text-color)}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.quiz-timer{font-size:1.5rem;font-weight:600;color:var(--primary-color);background:var(--card-bg);padding:.5rem 1rem;border-radius:8px}.question-card{background:var(--card-bg);padding:2rem;border-radius:8px;box-shadow:var(--shadow)}.question-text{font-size:1.25rem;margin-bottom:2rem}.options-grid{display:grid;grid-template-columns:1fr;gap:1rem}.option-btn{width:100%;padding:1rem;font-size:1rem;text-align:left;background:var(--bg-color);border:2px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s ease}.option-btn:hover{border-color:var(--primary-color)}.option-btn.selected{background:#dbeafe;border-color:var(--primary-color);font-weight:600}.next-btn{width:100%;margin-top:1.5rem}.next-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.result-card{background:var(--card-bg);padding:2rem;border-radius:8px;box-shadow:var(--shadow);text-align:center}.result-score{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin:1rem 0}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.result-item{background:var(--bg-color);padding:1rem;border-radius:8px}.result-item h4{margin-top:0;margin-bottom:.5rem;color:#6b7280}.result-item p{margin:0;font-size:1.5rem;font-weight:600}.result-actions{display:flex;justify-content:center;gap:1rem}.answer-review{margin-top:3rem;background:var(--card-bg);padding:2rem;border-radius:8px;box-shadow:var(--shadow)}.answer-review h3{margin-top:0;text-align:center;font-size:1.5rem;margin-bottom:2rem}.review-item{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.review-item:last-child{border-bottom:none;margin-bottom:0}.review-question{font-size:1.1rem;font-weight:600}.review-options{display:grid;grid-template-columns:1fr;gap:.5rem}.option-btn-review{width:100%;padding:.75rem 1rem;font-size:1rem;text-align:left;background:#f3f4f6;border:2px solid var(--border-color);border-radius:6px;cursor:not-allowed;opacity:.8}.option-btn-review.correct{background:#dcfce7;border-color:#22c55e;color:#166534;font-weight:600;opacity:1}.option-btn-review.incorrect{background:#fee2e2;border-color:#ef4444;color:#991b1b;font-weight:600;opacity:1;text-decoration:line-through}.leaderboard-container h1{text-align:center;margin-bottom:2rem}.tabs{display:flex;justify-content:center;margin-bottom:2rem;background:var(--bg-color);border-radius:8px;padding:.5rem}.tab-btn{padding:.75rem 1.5rem;font-size:1.1rem;font-weight:600;border:none;background:transparent;color:#6b7280;border-radius:6px;cursor:pointer;transition:all .2s ease}.tab-btn.active{background:var(--card-bg);color:var(--primary-color);box-shadow:0 1px 3px #0000001a}.leaderboard-list{max-width:800px;margin:0 auto}.leaderboard-item{display:flex;align-items:center;background:var(--card-bg);padding:1rem 1.5rem;border-radius:8px;margin-bottom:1rem;box-shadow:var(--shadow)}.rank{font-size:1.5rem;font-weight:700;color:#6b7280;width:50px}.rank.rank-top{color:var(--primary-color)}.rank.rank-top:first-child{color:#f59e0b}.rank.rank-top:nth-child(2){color:#a0aec0}.rank.rank-top:nth-child(3){color:#cd7f32}.user-name{font-size:1.2rem;font-weight:500;flex-grow:1}.user-stats{display:flex;gap:1.5rem;font-size:1rem}.user-stats strong{color:var(--text-color)}:root{--primary-color: #3b82f6;--primary-dark: #2563eb;--bg-color: #f3f4f6;--text-color: #1f2937;--card-bg: #ffffff;--border-color: #e5e7eb;--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);color:var(--text-color)}*{box-sizing:border-box}.container{max-width:1200px;margin:0 auto;padding:1rem 2rem}a{text-decoration:none;color:var(--primary-color);transition:color .2s ease}a:hover{color:var(--primary-dark)}.btn{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;border:none;transition:background-color .2s ease}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-dark)}