.slider-thumb-green::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#10b981;border:2px solid #064e3b;cursor:pointer;box-shadow:0 0 8px rgba(16,185,129,.4);-webkit-transition:all .2s ease;transition:all .2s ease}.slider-thumb-green::-webkit-slider-thumb:hover{background:#059669;transform:scale(1.1);box-shadow:0 0 12px rgba(16,185,129,.6)}.slider-thumb-green::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#10b981;border:2px solid #064e3b;cursor:pointer;box-shadow:0 0 8px rgba(16,185,129,.4);-moz-transition:all .2s ease;transition:all .2s ease}.slider-thumb-green::-moz-range-thumb:hover{background:#059669;transform:scale(1.1);box-shadow:0 0 12px rgba(16,185,129,.6)}.slider-thumb-green::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,#064e3b,#065f46,#047857)}.slider-thumb-green::-moz-range-track{height:6px;border-radius:3px;background:linear-gradient(90deg,#064e3b,#065f46,#047857)}.slider-thumb-green:focus{outline:none}.slider-thumb-green:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(16,185,129,.3)}.slider-thumb-green:focus::-moz-range-thumb{box-shadow:0 0 0 3px rgba(16,185,129,.3)}.join-button-container{display:flex;justify-content:center;margin-top:1rem}.answers-container{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (max-width:600px){.answers-container{grid-template-columns:1fr}}@media (max-width:1024px){.answer-button{padding:10px 8px;font-size:13px}.option-letter{width:24px;height:24px;margin-right:6px;font-size:12px}.question-text{font-size:16px!important;line-height:1.4}}.answer-button{width:100%;padding:10px 8px;font-size:14px;border:2px solid rgba(255,255,255,.3);border-radius:8px;background:rgba(255,255,255,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:white;transition:all .3s ease-in-out;cursor:pointer;outline:none;opacity:.8;margin-bottom:0;position:relative;overflow:hidden;height:100%;display:flex;align-items:center}.button-a{background:rgba(30,58,138,.3)}.button-b{background:rgba(6,95,70,.3)}.button-c{background:rgba(76,29,149,.3)}.button-d{background:rgba(120,53,15,.3)}.button-a:hover{background:#3b82f6;opacity:1}.button-b:hover{background:#10b981;opacity:1}.button-c:hover{background:#a855f7;opacity:1}.button-d:hover{background:#f97316;opacity:1}.answer-button.button-a.selected{background:#3b82f6;opacity:1}.answer-button.button-b.selected{background:#10b981;opacity:1}.answer-button.button-c.selected{background:#a855f7;opacity:1}.answer-button.button-d.selected{background:#f97316;opacity:1}.answer-button:hover:not(:disabled){transform:scale(1.05);border-color:rgba(255,255,255,.6);opacity:1;box-shadow:0 0 15px rgba(255,255,255,.4)}.answer-button:active:not(:disabled){transform:scale(.95);box-shadow:0 0 10px rgba(255,255,255,.6)}.answer-button.selected{border-color:yellow;box-shadow:0 0 20px yellow;opacity:1}.option-letter{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:rgba(255,255,255,.25);border:1px solid rgba(255,255,255,.4);margin-right:8px;font-weight:700;transition:all .3s ease-in-out;box-shadow:0 0 10px rgba(255,255,255,.1);font-size:14px}.answer-button.selected .option-letter{background-color:rgba(255,255,255,.4);border-color:yellow;box-shadow:0 0 8px rgba(255,255,0,.6)}.button-a .option-letter{background-color:rgba(59,130,246,.3)}.button-b .option-letter{background-color:rgba(16,185,129,.3)}.button-c .option-letter{background-color:rgba(168,85,247,.3)}.button-d .option-letter{background-color:rgba(249,115,22,.3)}.answer-button.correct{background-color:rgba(16,185,129,.8);border-color:#10b981;box-shadow:0 0 20px rgba(16,185,129,.7);opacity:1;animation:pulse-success 2s infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{transform:scale(.9);opacity:0}70%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}.animate-fadeIn{animation:fadeIn .3s ease-out forwards}.answer-reveal{background:rgba(20,20,40,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.3);transition:all .3s ease}.answer-reveal .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes pulse-success{0%{box-shadow:0 0 15px rgba(16,185,129,.6)}50%{box-shadow:0 0 25px rgba(16,185,129,.8)}to{box-shadow:0 0 15px rgba(16,185,129,.6)}}.answer-button.incorrect{background-color:rgba(239,68,68,.7);border-color:#ef4444;opacity:.8;box-shadow:0 0 15px rgba(239,68,68,.5)}.glass-modal{background:rgba(255,255,255,.15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.3)}.dark .glass-modal{background:rgba(23,23,23,.75);border:1px solid rgba(255,255,255,.08)}.answer-reveal-modal{text-align:center}.answer-reveal-modal .correct-answer{margin:1rem auto;padding:1rem;border-radius:.5rem;background:rgba(16,185,129,.2);border:2px solid rgba(16,185,129,.5);max-width:80%;transform:scale(1);animation:pulse-answer 2s infinite}@keyframes pulse-answer{0%{transform:scale(1);box-shadow:0 0 15px rgba(16,185,129,.3)}50%{transform:scale(1.05);box-shadow:0 0 25px rgba(16,185,129,.5)}to{transform:scale(1);box-shadow:0 0 15px rgba(16,185,129,.3)}}.answer-reveal-modal .explanation{margin-top:1rem;padding:1rem;background:rgba(255,255,255,.1);border-radius:.5rem;text-align:left}.answer-reveal-modal .result-icon{font-size:3rem;margin-bottom:.5rem}.answer-reveal-modal .result-icon.correct{color:#10b981}.answer-reveal-modal .result-icon.incorrect{color:#ef4444}.answer-button:disabled{cursor:not-allowed;opacity:.7}