.trivia-builder{min-height:100vh;padding:2rem;color:#fff}.trivia-container{max-width:1400px;margin:0 auto}.trivia-header{text-align:center;margin-bottom:3rem}.trivia-header h1{font-size:2.5rem;color:#b8ff9a;margin-bottom:1rem}.trivia-header p{color:#ccc;font-size:1.1rem}.trivia-layout{display:grid;grid-template-columns:2fr 1fr;grid-gap:2rem;gap:2rem}.trivia-browse{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem}.browse-controls{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.search-input{flex:1 1;min-width:200px;padding:.75rem 1rem;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem}.search-input::placeholder{color:#888}.category-filter{padding:.75rem 1rem;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;cursor:pointer}.questions-list{max-height:600px;overflow-y:auto;padding-right:.5rem}.questions-list::-webkit-scrollbar{width:8px}.questions-list::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:4px}.questions-list::-webkit-scrollbar-thumb{background:rgba(184,255,154,.3);border-radius:4px}.questions-list::-webkit-scrollbar-thumb:hover{background:rgba(184,255,154,.5)}.question-item{background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;margin-bottom:1rem;display:flex;align-items:flex-start;gap:1rem;transition:all .3s}.question-item:hover{background:rgba(0,0,0,.3);border-color:rgba(184,255,154,.3)}.question-checkbox{margin-top:.25rem;width:18px;height:18px;cursor:pointer;accent-color:#00bfff}.question-content{flex:1 1}.question-text{font-weight:600;color:#fff;margin-bottom:.5rem}.question-meta{display:flex;gap:1rem;font-size:.875rem;color:#888}.category-badge{background:rgba(184,255,154,.2);color:#b8ff9a;padding:.25rem .75rem;border-radius:12px;font-size:.75rem}.load-more-btn{width:100%;padding:.75rem;background:rgba(0,191,255,.2);border:1px solid #00bfff;color:#00bfff;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;transition:all .3s}.load-more-btn:hover{background:rgba(0,191,255,.3)}.trivia-builder-panel{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;position:-webkit-sticky;position:sticky;top:2rem;max-height:calc(100vh - 4rem);display:flex;flex-direction:column}.panel-section{margin-bottom:2rem}.panel-section h3{font-size:1.25rem;color:#b8ff9a;margin-bottom:1rem}.selected-count{font-size:.875rem;color:#888;margin-bottom:1rem}.selected-list{max-height:200px;overflow-y:auto;margin-bottom:1rem}.selected-item{background:rgba(0,0,0,.3);padding:.5rem .75rem;border-radius:6px;margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.remove-btn{background:none;border:none;color:#ff4444;cursor:pointer;font-size:1.25rem;padding:0;line-height:1}.remove-btn:hover{color:#ff6666}.custom-question-form{display:flex;flex-direction:column;gap:.75rem}.form-input{padding:.5rem;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.875rem}.form-input::placeholder{color:#666}.add-custom-btn{padding:.5rem 1rem;background:rgba(184,255,154,.2);border:1px solid #b8ff9a;color:#b8ff9a;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s}.add-custom-btn:hover{background:rgba(184,255,154,.3)}.generate-quiz-btn{width:100%;padding:1rem;background:#00bfff;border:none;color:#fff;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:auto}.generate-quiz-btn:hover{background:#0099cc}.generate-quiz-btn:disabled{background:#333;color:#666;cursor:not-allowed}.quiz-code-display{background:rgba(0,191,255,.1);border:2px solid #00bfff;border-radius:8px;padding:1.5rem;text-align:center}.quiz-code-display h4{color:#b8ff9a;margin-bottom:.5rem}.quiz-code{font-size:2rem;font-weight:700;color:#00bfff;letter-spacing:.1em;font-family:monospace}.quiz-instructions{font-size:.875rem;color:#888;margin-top:1rem}.trivia-divider-bar{width:600px;height:4px;background:rgba(184,255,154,.3);margin:3rem auto 0;border-radius:2px}.trivia-footer{margin-top:2rem;padding-top:5rem;padding-bottom:2rem;background:rgba(0,0,0,.2);position:relative}.trivia-footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.trivia-footer .footerLinks{text-align:center;margin:1rem 0}.trivia-footer .emailCenter{font-size:1.1rem;margin-bottom:.5rem;color:#ccc}.trivia-footer .socialIcons{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:.75rem}.trivia-footer .socialIcons a{display:inline-flex;align-items:center;justify-content:center}.trivia-footer .socialIcons svg{width:24px;height:24px;fill:none;stroke:rgba(184,255,154,.5);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease,stroke .2s ease}.trivia-footer .socialIcons a:hover svg{transform:scale(1.15);stroke:rgba(184,255,154,.8)}.trivia-footer .footerMeta{font-size:.8rem;color:#666;margin-top:1rem;text-align:center}@media (max-width:968px){.trivia-layout{grid-template-columns:1fr}.trivia-builder-panel{position:static;max-height:none}}