.history-container{display:none;max-width:900px;margin:0 auto;padding:1.5rem}.history-container.active{display:block;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.history-wrapper{background-color:var(--container-bg);border-radius:12px;box-shadow:0 0 20px var(--shadow-color);padding:2.5rem;margin-bottom:2.5rem;transition:all .3s ease}.history-title{text-align:center;margin-bottom:2.5rem;color:var(--text-color);font-size:34px;font-weight:700;position:relative;padding-bottom:15px}.history-title::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:4px;width:120px;background:linear-gradient(90deg,#3498db,#2ecc71);border-radius:2px}.history-content{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:calc(100% - 32px);margin:0 auto}.history-placeholder{text-align:center;color:var(--text-color);opacity:.8;font-style:italic;margin-top:2rem;font-size:20px;transition:all .3s ease}.history-placeholder-sub{text-align:center;color:var(--text-color);opacity:.6;margin-top:1.5rem;font-size:16px;max-width:80%;line-height:1.5;transition:all .3s ease}.history-record{padding:1.2rem;margin-bottom:1.2rem;margin-left:auto;margin-right:auto;border-radius:8px;background-color:rgba(52,152,219,.1);border-left:4px solid #3498db;transition:all .3s ease;box-shadow:0 2px 5px rgba(0,0,0,.05);cursor:pointer;position:relative;overflow:hidden}.history-record:hover{transform:translateX(5px);box-shadow:0 4px 12px var(--shadow-color)}.history-record::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,transparent,rgba(52,152,219,.05),transparent);transform:translateX(-100%);transition:transform .6s ease-in-out}.history-record:hover::after{transform:translateX(100%)}.history-record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem;font-weight:700}.history-record-date{color:#3498db;font-size:16px}.history-record-score{color:#fff;padding:4px 10px;border-radius:12px;font-size:15px;font-weight:600}.score-perfect{background-color:#2ecc71}.score-excellent{background-color:#27ae60}.score-good{background-color:#3498db}.score-average{background-color:#f39c12}.score-poor{background-color:#e74c3c}.history-record-details{font-size:15px;color:var(--text-color);opacity:.9;display:flex;justify-content:space-between;align-items:center}.dark-mode .history-wrapper{box-shadow:0 0 20px rgba(0,0,0,.3)}.dark-mode .history-record{background-color:rgba(52,152,219,.15);border-left:4px solid #2980b9}@media (max-width:768px){.history-title{font-size:28px}.history-wrapper{padding:1.5rem}.history-placeholder{font-size:18px}.history-placeholder-sub{font-size:14px;max-width:95%}}@media (max-width:480px){.history-title{font-size:24px}.history-wrapper{padding:1rem}.history-content{padding:1rem}.history-placeholder{font-size:16px}}.date-range-selector{display:flex;flex-wrap:wrap;gap:1.2rem;margin-bottom:2rem;align-items:flex-end;justify-content:center;background-color:rgba(52,152,219,.08);border-radius:10px;padding:1.5rem;box-shadow:0 3px 10px rgba(0,0,0,.05)}.date-input-container{display:flex;flex-direction:column;gap:.6rem}.date-input-container label{font-size:15px;font-weight:600;color:var(--text-color)}.date-input{padding:.7rem;border:1px solid #ddd;border-radius:6px;background-color:var(--container-bg);color:var(--text-color);font-size:15px;min-width:180px;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:all .2s ease}.date-input:focus{border-color:#3498db;box-shadow:0 1px 8px rgba(52,152,219,.2);outline:0}.apply-button{background-color:#3498db;color:#fff;border:none;border-radius:6px;padding:.7rem 1.4rem;cursor:pointer;display:flex;align-items:center;gap:.6rem;font-size:15px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.apply-button:hover{background-color:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.loading-indicator{display:none;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem}.loading-indicator i{font-size:2rem;color:#3498db}.loading-indicator p{font-size:1rem;color:var(--text-color)}.empty-history-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.empty-history-message i{font-size:3rem;color:#3498db;opacity:.5;margin-bottom:1rem}.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1000;overflow-y:auto}.quiz-result-container{width:100%}#quiz-result-modal-overlay.active{display:flex;justify-content:center;align-items:flex-start;padding:5vh 0;overflow-y:auto}.modal{background-color:var(--container-bg);border-radius:12px;box-shadow:0 0 25px rgba(0,0,0,.2);max-width:800px;width:90%;max-height:85vh;overflow-y:auto;margin:20px 0}.modal-header{padding:1rem;border-bottom:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.5rem;color:var(--text-color)}.modal-close{font-size:1.5rem;cursor:pointer;color:var(--text-color);opacity:.7;transition:opacity .2s}.modal-close:hover{opacity:1}.modal-content{padding:1.5rem}.quiz-result-summary{background-color:rgba(52,152,219,.1);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;display:grid;grid-template-columns:1fr auto;gap:1.2rem}.quiz-result-date{grid-column:1/-1;font-weight:700;color:var(--text-color);margin-bottom:.8rem;font-size:1.1rem}.quiz-result-score-detail{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;border-radius:8px;min-width:120px;color:#fff}.quiz-result-score-detail.score-perfect{background-color:#2ecc71}.quiz-result-score-detail.score-excellent{background-color:#27ae60}.quiz-result-score-detail.score-good{background-color:#3498db}.quiz-result-score-detail.score-average{background-color:#f39c12}.quiz-result-score-detail.score-poor{background-color:#e74c3c}.score-percentage{font-size:2.8rem;font-weight:700;color:#fff}.score-fraction{font-size:1rem;color:#fff;opacity:.9}.quiz-result-time{display:flex;align-items:center;color:var(--text-color);opacity:.8}.quiz-result-questions{margin-top:2rem;width:100%}.quiz-result-questions h3{font-size:1.3rem;margin-bottom:1.5rem;color:var(--text-color);border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:.8rem}.quiz-question{background-color:var(--container-bg);border-radius:8px;padding:1.2rem;margin-bottom:1.5rem;border-left:4px solid #f39c12;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.05)}.quiz-question.correct{border-left-color:#2ecc71}.quiz-question.incorrect{border-left-color:#e74c3c}.question-number{font-weight:700;color:var(--text-color);margin-bottom:.8rem;font-size:.95rem;opacity:.7}.question-text{font-size:1.2rem;margin-bottom:1.2rem;color:var(--text-color);line-height:1.4}.question-answer{background-color:rgba(0,0,0,.03);padding:1rem;border-radius:6px}.your-answer{margin-bottom:.8rem;color:var(--text-color);font-size:1.05rem}.correct-answer{color:#2ecc71;font-weight:700;font-size:1.05rem}.wrong-answer{color:#e74c3c;font-weight:700;font-size:1.05rem}.dark-mode .date-input{background-color:#444;border-color:#555;color:#fff}.dark-mode .quiz-question{background-color:rgba(255,255,255,.05)}.dark-mode .question-answer{background-color:rgba(255,255,255,.05)}.dark-mode .correct-answer{color:#2ecc71}.dark-mode .wrong-answer{color:#e74c3c}.dark-mode .quiz-result-summary{background-color:rgba(52,152,219,.2)}.quiz-result-categories{grid-column:1/-1;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(0,0,0,.05);color:var(--text-color);font-size:.9rem;opacity:.7}.dark-mode .quiz-result-categories{border-top-color:rgba(255,255,255,.1)}.progress-bar-container{width:100%;height:8px;background-color:rgba(0,0,0,.05);border-radius:4px;overflow:hidden;margin:.6rem 0 1rem 0}.progress-bar{height:100%;border-radius:4px;transition:width .5s ease-in-out}.progress-bar.score-perfect{background-color:#2ecc71}.progress-bar.score-excellent{background-color:#27ae60}.progress-bar.score-good{background-color:#3498db}.progress-bar.score-average{background-color:#f39c12}.progress-bar.score-poor{background-color:#e74c3c}.question-notice{background-color:rgba(243,156,18,.15);border-left:3px solid #f39c12;padding:8px 12px;margin-bottom:12px;border-radius:0 4px 4px 0;font-size:14px;display:flex;align-items:center;gap:8px}.question-notice i{color:#f39c12;font-size:16px}.quiz-question.question-missing{background-color:rgba(231,76,60,.1);border-left:4px solid #e74c3c}.quiz-question.question-missing .question-notice{background-color:rgba(231,76,60,.15);border-left:3px solid #e74c3c}.quiz-question.question-missing .question-notice i{color:#e74c3c}.dark-mode .question-notice{background-color:rgba(243,156,18,.2)}.dark-mode .quiz-question.question-missing{background-color:rgba(231,76,60,.15)}.dark-mode .quiz-question.question-missing .question-notice{background-color:rgba(231,76,60,.25)}.quiz-details-wrapper{display:none;max-width:900px;margin:0 auto;padding:1.5rem;background-color:var(--container-bg);border-radius:12px;box-shadow:0 0 20px var(--shadow-color);margin-bottom:2.5rem;animation:fadeIn .3s ease-in-out}.quiz-details-wrapper.active{display:block}.quiz-details-header{padding:1rem 1.2rem;border-bottom:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.quiz-details-title{margin:0;font-size:1.8rem;color:var(--text-color);font-weight:700;flex-grow:1;text-align:center}.back-button{background-color:transparent;border:none;color:var(--text-color);display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:6px;font-weight:600;transition:all .2s ease}.back-button:hover{background-color:rgba(0,0,0,.05);transform:translateX(-3px)}.back-button i{font-size:1.2rem}.quiz-details-content{padding:0 1rem}.dark-mode .quiz-details-wrapper{box-shadow:0 0 20px rgba(0,0,0,.3)}.dark-mode .quiz-details-header{border-bottom-color:rgba(255,255,255,.1)}.dark-mode .back-button:hover{background-color:rgba(255,255,255,.1)}@media (max-width:768px){.quiz-details-wrapper{padding:1.2rem}.quiz-details-title{font-size:1.5rem}}@media (max-width:480px){.quiz-details-wrapper{padding:1rem}.quiz-details-title{font-size:1.3rem}.back-button{padding:6px 10px}}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.question-bookmark{cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--text-color);opacity:.6}.question-bookmark:hover{background-color:rgba(0,0,0,.05);opacity:1;transform:scale(1.1)}.question-bookmark.saved{opacity:1;color:#3498db}.dark-mode .question-bookmark:hover{background-color:rgba(255,255,255,.1)}.dark-mode .question-bookmark.saved{color:#2980b9}.question-header .question-number{margin-bottom:0}#daily-questions{min-width:600px;max-width:600px;margin:0 auto;display:none}@media screen and (max-width:900px){#daily-questions{min-width:unset;max-width:90%;width:90%}}.start-questions-container{background-color:rgba(255,255,255,.92);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.08);padding:20px;margin:20px auto;max-width:800px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:20px 0}@media (max-width:600px){.start-questions-container{flex-direction:column;gap:10px;align-items:center}.quiz-mode-button{margin-left:0}.quiz-mode-options{margin-left:0}.quiz-mode-question-header{flex-direction:column;align-items:flex-start}.quiz-mode-question-number{margin-bottom:10px}}html.dark-mode .start-questions-container{background-color:rgba(35,35,45,.92);box-shadow:0 5px 15px rgba(0,0,0,.25)}.button-wrapper{display:flex;justify-content:center;align-items:center;max-width:600px}@media screen and (max-width:900px){.button-wrapper{max-width:80%;width:80%}}.challenge-message-container{text-align:center;padding:10px;width:100%}.challenge-message-container .challenge-title{font-size:20px;margin-bottom:10px;color:var(--text-color,#333);font-weight:500;padding:0;margin-top:0}.challenge-message-container p{font-size:18px;color:var(--text-color,#666)}html.dark-mode .challenge-message-container .challenge-title{color:var(--text-color,#eee)}html.dark-mode .challenge-message-container p{color:var(--text-color,#bbb)}.mode-toggle-container{display:flex;justify-content:center;margin:10px 0 20px}.mode-toggle{display:flex;background-color:#f0f0f0;border-radius:30px;padding:4px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.mode-button{padding:8px 16px;border:none;background:0 0;border-radius:25px;cursor:pointer;font-weight:500;color:#666;transition:all .3s ease}.mode-button.active{background-color:#fff;color:#1a73e8;box-shadow:0 2px 4px rgba(0,0,0,.1)}.quiz-mode-step{display:none}.quiz-mode-step.active{display:block}.quiz-progress{margin-bottom:20px}#progress-bar{width:100%;height:10px;background-color:#e0e0e0;border-radius:5px;margin:10px 0;overflow:hidden}#progress-indicator{height:100%;background-color:#1a73e8;width:0;transition:width .3s ease}#question-counter{text-align:center;font-weight:500;color:#666}#quiz-mode-options .option{padding:15px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-bottom:10px;cursor:pointer;transition:all .2s ease}#quiz-mode-options .option:hover{background-color:#f0f0f0}#quiz-mode-options .option.selected{background-color:#e3f2fd;border-color:#1a73e8}#quiz-mode-options .option.correct{background-color:#e8f5e9;border-color:#4caf50;color:#2e7d32;animation:correct-answer .5s ease-in-out}#quiz-mode-options .option.wrong{background-color:#ffebee;border-color:#f44336;color:#c62828;animation:wrong-answer .5s ease-in-out}@keyframes correct-answer{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}@keyframes wrong-answer{0%,20%,40%,60%,80%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}25%,45%,5%,65%,85%{transform:translateX(5px)}}.dark-mode #quiz-mode-options .option.correct{background-color:#1b5e20;border-color:#4caf50;color:#a5d6a7}.dark-mode #quiz-mode-options .option.wrong{background-color:#b71c1c;border-color:#f44336;color:#ef9a9a}#quiz-mode-question{font-size:1.2rem;margin-bottom:20px;padding:10px;background-color:#f5f8ff;border-radius:8px}.quiz-score{text-align:center;margin-bottom:30px;position:relative;z-index:15}#score-percentage{font-size:3rem;font-weight:700;color:#1a73e8;margin:10px 0}.quiz-score .share-button{position:relative;bottom:auto;right:auto;display:inline-block;margin-top:15px;margin-bottom:20px;z-index:10;width:auto;justify-content:center;background:linear-gradient(45deg,#3498db,#2980b9);color:#fff;padding:12px 16px;border-radius:50px;border:none;cursor:pointer;font-size:14px;font-weight:700;box-shadow:0 4px 15px rgba(52,152,219,.4);transition:all .3s ease}.quiz-score .share-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(52,152,219,.6)}.quiz-score .share-button i{margin-right:8px;font-size:16px}.dark-mode .quiz-score .share-button{background:linear-gradient(45deg,#2980b9,#1a5276);box-shadow:0 4px 15px rgba(41,128,185,.4)}.dark-mode .quiz-score .share-button:hover{box-shadow:0 6px 20px rgba(41,128,185,.6)}.share-result-container{margin:15px 0 5px}.answers-header{font-size:1.2rem;margin:30px 0 15px;padding-bottom:10px;border-bottom:1px solid #e0e0e0;text-align:left}.dark-mode .answers-header{border-bottom-color:#444}#quiz-answers-summary{max-height:60vh;overflow-y:auto;padding-right:10px;margin:20px -10px 20px 0;scrollbar-width:thin;position:relative;z-index:5}#quiz-answers-summary::-webkit-scrollbar{width:6px}#quiz-answers-summary::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}#quiz-answers-summary::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}#quiz-answers-summary::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.summary-item{margin-bottom:20px;padding:15px;border-radius:8px;background-color:#f9f9f9;position:relative}.summary-item.correct{border-left:4px solid #4caf50}.summary-item.incorrect{border-left:4px solid #f44336}.summary-question{font-weight:500;margin-bottom:10px;padding-right:30px}.summary-bookmark{position:absolute;top:15px;right:15px;font-size:1.2rem;cursor:pointer;color:#666}.summary-bookmark:hover{color:#1a73e8}.summary-bookmark.saved{color:#1a73e8}.dark-mode #quiz-answers-summary::-webkit-scrollbar-track{background:#333}.dark-mode #quiz-answers-summary::-webkit-scrollbar-thumb{background:#555}.dark-mode #quiz-answers-summary::-webkit-scrollbar-thumb:hover{background:#777}.dark-mode .summary-bookmark{color:#aaa}.dark-mode .summary-bookmark:hover{color:#75a7ff}.dark-mode .summary-bookmark.saved{color:#75a7ff}.answer-label{font-weight:500;color:#666}.user-answer{margin-left:5px}.correct-text{color:#4caf50;font-weight:500}.incorrect-text{color:#f44336;font-weight:500}.quiz-mode-buttons{margin-top:20px;text-align:right}.modal-buttons{display:flex;justify-content:space-between;margin-top:20px}.modal-buttons button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer}button.confirm-button{background-color:#1a73e8;color:#fff}button.confirm-button:disabled{background-color:#a9c7f1;cursor:not-allowed}button.cancel-button{background-color:#f1f1f1;color:#666}button.retry-button{background-color:#4caf50;color:#fff}button.close-button{background-color:#f1f1f1;color:#666}.dark-mode .mode-toggle{background-color:#333}.dark-mode .mode-button{color:#bbb}.dark-mode .mode-button.active{background-color:#444;color:#75a7ff}.dark-mode #quiz-mode-options .option{background-color:#333;border-color:#555}.dark-mode #quiz-mode-options .option:hover{background-color:#444}.dark-mode #quiz-mode-options .option.selected{background-color:#2c3e50;border-color:#75a7ff}.dark-mode .summary-item{background-color:#333}.dark-mode #quiz-mode-question{background-color:#2c3e50}@media (max-width:768px){.mode-button{padding:6px 12px;font-size:.9rem}#quiz-mode-question{font-size:1rem}.modal-buttons{flex-direction:column;gap:10px}}.quiz-hint{text-align:center;font-size:.9rem;color:#666;margin-top:15px;margin-bottom:10px;font-style:italic}.quiz-hint i{color:#1a73e8;margin-right:5px}.dark-mode .quiz-hint{color:#aaa}.dark-mode .quiz-hint i{color:#75a7ff}.modal-content{padding:20px}.quiz-results-content{max-height:75vh;overflow-y:auto;padding-bottom:60px}.mobile-close-button{position:fixed;bottom:0;left:0;right:0;background-color:rgba(255,255,255,.9);padding:10px;text-align:center;box-shadow:0 -2px 10px rgba(0,0,0,.1);z-index:1001;display:none}.mobile-close-button button{background-color:#ff5252;color:#fff;padding:10px 20px;border:none;border-radius:4px;font-weight:500;width:100%;max-width:300px;cursor:pointer}.mobile-close-button button:hover{background-color:#ff1744}.dark-mode .mobile-close-button{background-color:rgba(51,51,51,.9)}@media (max-width:768px){.mobile-close-button{display:block}#quiz-mode-modal{width:95%;max-width:100%;max-height:90vh}.quiz-results-content{max-height:72vh}.modal-overlay{overflow-y:hidden}}.summary-loading{text-align:center;padding:20px;font-style:italic;color:#666}.dark-mode .summary-loading{color:#aaa}.close-modal{position:absolute;top:15px;right:15px;font-size:28px;font-weight:700;color:#666;cursor:pointer;z-index:10;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#f1f1f1;transition:all .2s ease}.close-modal:hover{color:#000;background-color:#e0e0e0}.dark-mode .close-modal{color:#ccc;background-color:#444}.dark-mode .close-modal:hover{color:#fff;background-color:#555}.modal-header{position:relative;padding:15px 20px;border-bottom:1px solid #e0e0e0;text-align:center}.modal-header h2{margin:0;font-size:1.5rem;padding-right:30px}.dark-mode .modal-header{border-bottom-color:#444}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.modal-overlay.active{opacity:1;visibility:visible}.modal{background-color:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;position:relative;box-shadow:0 4px 15px rgba(0,0,0,.2);transition:transform .3s,opacity .3s;transform:translateY(-20px);opacity:0;overflow:hidden}.modal-overlay.active .modal{transform:translateY(0);opacity:1}.dark-mode .modal{background-color:#333;color:#f4f4f4;box-shadow:0 4px 15px rgba(0,0,0,.5)}.quiz-countdown{font-size:8rem;font-weight:700;color:#1a73e8;text-align:center;margin:40px auto;animation:pulse 1s infinite;text-shadow:0 0 10px rgba(26,115,232,.3)}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}100%{transform:scale(1);opacity:1}}.dark-mode .quiz-countdown{color:#4285f4;text-shadow:0 0 10px rgba(66,133,244,.5)}.question-container{background-color:var(--card-bg-color);border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin:15px 0;padding:15px;position:relative;transition:all .3s ease}.question-container:hover{box-shadow:0 6px 12px rgba(0,0,0,.15);transform:translateY(-2px)}.question{color:var(--text-color);font-size:20px;font-weight:500;margin-bottom:16px}.buttons{display:flex;gap:10px;margin-bottom:16px}.buttons button{align-items:center;background-color:var(--button-bg-color);border:none;border-radius:8px;color:var(--button-text-color);cursor:pointer;display:flex;font-size:16px;gap:8px;padding:10px 15px;transition:all .2s ease}.buttons button:hover{background-color:var(--button-hover-color)}.buttons button.active{background-color:var(--accent-color);color:#fff}.options{display:none;margin-bottom:16px}.option{background-color:var(--option-bg-color);border-radius:8px;color:var(--text-color);cursor:pointer;margin-bottom:8px;padding:12px 15px;position:relative;transition:all .2s ease}.option:hover{background-color:var(--option-hover-color)}.option.correct{background-color:var(--correct-color);color:#fff;overflow:hidden}.option.wrong{background-color:var(--wrong-color);color:#fff;position:relative}.option.wrong::after{content:"✗";position:absolute;right:15px;top:50%;transform:translateY(-50%)}.option.correct-animation{animation:correct-pulse .8s ease}@keyframes correct-pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}100%{transform:scale(1)}}.spark{position:absolute;background-color:#fc0;border-radius:50%;pointer-events:none;z-index:10}@keyframes spark-animation{0%{transform:translate(0,0) scale(1);opacity:1}100%{transform:translate(var(--tx,20px),var(--ty,-20px)) scale(0);opacity:0}}.icons{display:flex;align-items:center;margin-top:16px}.like,.save{color:var(--icon-color);cursor:pointer;font-size:18px;margin-right:20px;position:relative;transition:all .2s ease}.like:hover,.save:hover{color:var(--accent-color)}.like.liked i{color:#ff4f4f;font-weight:900}.save.bookmarked i{color:var(--accent-color);font-weight:900}.tooltip{background-color:rgba(0,0,0,.7);border-radius:4px;bottom:30px;color:#fff;font-size:12px;left:50%;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;white-space:nowrap;z-index:100}.labels{display:flex;flex-wrap:wrap;margin-left:auto}.label{background-color:var(--label-bg-color);border-radius:20px;color:var(--label-text-color);font-size:12px;margin-right:6px;margin-bottom:6px;padding:3px 10px}.thank-you-message{color:var(--accent-color);display:none;font-size:16px;font-weight:500;margin-top:10px}.start-button{background-color:var(--accent-color);border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:18px;font-weight:500;padding:12px 25px;transition:all .2s ease}.start-button:hover{background-color:var(--accent-hover-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.date-tabs-container{margin:20px 0;overflow-x:auto}.date-tabs{display:flex;gap:10px;padding-bottom:5px}.date-tab{background-color:var(--button-bg-color);border:none;border-radius:20px;color:var(--text-color);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.date-tab:hover{background-color:var(--button-hover-color)}.date-tab.active{background-color:var(--accent-color);color:#fff}@media (max-width:768px){.question{font-size:18px}.buttons button{font-size:14px;padding:8px 12px}.responsive-text{display:none}}.profile-button{position:fixed;top:30px;right:20px;background:var(--container-bg);border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 5px var(--shadow-color);transition:all .3s ease;z-index:1000}.profile-button i{font-size:20px;color:var(--text-color)}.profile-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-color)}.reputation-indicator{position:absolute;top:-5px;right:-5px;background-color:#e74c3c;color:#fff;border-radius:50%;width:20px;height:20px;font-size:12px;display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .3s ease;opacity:0;transform:scale(0)}.reputation-indicator.show{opacity:1;transform:scale(1)}.profile-modal{position:fixed;top:80px;right:20px;background-color:var(--container-bg);border-radius:10px;padding:20px;box-shadow:0 0 10px var(--shadow-color);z-index:1010;min-width:300px;max-height:80vh;overflow-y:auto;display:none;transition:all .3s ease}.profile-modal.active{display:block}.profile-header{display:flex;align-items:center;margin-bottom:20px}.profile-avatar{width:60px;height:60px;border-radius:50%;background-color:#3498db;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;margin-right:15px}.profile-info h3{margin:0 0 5px 0;color:var(--text-color)}.profile-stats{margin-top:15px}.stat-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.1)}.stat-label{color:var(--text-color);opacity:.7}.stat-value{font-weight:700;color:var(--text-color)}.reputation-progress{margin-top:15px}.progress-bar-container{height:10px;background-color:var(--option-bg);border-radius:5px;margin:8px 0;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#3498db,#2ecc71);border-radius:5px;transition:width .5s ease}.progress-info{display:flex;justify-content:space-between;font-size:12px;color:var(--text-color)}.reputation-gain{position:fixed;background-color:rgba(46,204,113,.9);color:#fff;padding:8px 12px;border-radius:4px;font-weight:700;z-index:9999;opacity:0;transition:opacity .3s,transform .5s;pointer-events:none}.reputation-benefits{margin-top:20px;border-top:1px solid rgba(0,0,0,.1);padding-top:15px}.benefits-title{font-weight:700;margin-bottom:10px;color:var(--text-color)}.benefit-item{display:flex;align-items:flex-start;margin-bottom:10px;padding:8px;border-radius:5px;transition:all .3s ease}.benefit-item i{margin-right:10px;color:#3498db;font-size:16px;margin-top:2px}.benefit-item.unlocked{background-color:rgba(46,204,113,.1)}.benefit-item.locked{opacity:.5}.benefit-level{font-weight:700;font-size:12px;padding:2px 6px;background-color:#3498db;color:#fff;border-radius:10px;margin-left:auto}.benefit-content{flex:1}.benefit-title{font-weight:700;font-size:14px;color:var(--text-color);margin-bottom:2px}.benefit-description{font-size:12px;color:var(--text-secondary);line-height:1.4}.bookmark-item{background-color:var(--container-bg);border-radius:8px;box-shadow:0 2px 8px var(--shadow-color);margin-bottom:15px;padding:15px;transition:transform .2s ease}.bookmark-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color)}.bookmark-header{display:flex;justify-content:space-between;margin-bottom:10px}.bookmark-date{font-size:13px;color:#777;margin-bottom:5px}.bookmark-question{font-size:16px;margin-bottom:10px;font-weight:500;line-height:1.4}.bookmark-options{margin-top:10px}.bookmark-option{padding:8px 12px;background-color:var(--option-bg);margin-bottom:6px;border-radius:6px;font-size:14px}.bookmark-option.correct{background-color:rgba(46,204,113,.2);border-left:3px solid #2ecc71}.bookmark-actions{display:flex;justify-content:flex-end;margin-top:10px}.bookmark-remove{background-color:transparent;border:none;color:#e74c3c;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:4px;transition:background-color .2s ease}.bookmark-remove:hover{background-color:rgba(231,76,60,.1)}.bookmarks-page{background:var(--container-bg);padding:20px;border-radius:10px;box-shadow:0 0 10px var(--shadow-color);transition:background-color .3s,box-shadow .3s}.page-title{font-size:22px;margin-bottom:10px;color:#3498db}.page-description{font-size:14px;margin-bottom:20px;color:#777}.empty-bookmarks-message{text-align:center;padding:40px 20px;color:#999}.empty-bookmarks-message i{font-size:48px;margin-bottom:15px;color:#ddd}.empty-bookmarks-message p{font-size:16px}.dark-mode .page-description{color:#aaa}.dark-mode .empty-bookmarks-message{color:#777}.dark-mode .empty-bookmarks-message i{color:#555}.date-range-selector{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:15px;background-color:var(--container-bg);border-radius:8px;box-shadow:0 2px 8px var(--shadow-color)}.date-input-container{display:flex;flex-direction:column;flex:1;min-width:140px}.date-input-container label{font-size:14px;margin-bottom:5px;color:var(--text-color);opacity:.8}.date-input{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background-color:var(--container-bg);color:var(--text-color)}.date-input:focus{border-color:#3498db;outline:0;box-shadow:0 0 0 2px rgba(52,152,219,.2)}.apply-button,.clear-button{padding:8px 15px;border:none;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:6px;align-self:flex-end;transition:all .2s ease}.apply-button{background-color:#3498db;color:#fff}.apply-button:hover{background-color:#2980b9}.clear-button{background-color:#f0f0f0;color:#666}.clear-button:hover{background-color:#e4e4e4}.dark-mode .date-input{background-color:#444;border-color:#555;color:#f4f4f4}.dark-mode .apply-button{background-color:#2980b9}.dark-mode .apply-button:hover{background-color:#3498db}.dark-mode .clear-button{background-color:#555;color:#f4f4f4}.dark-mode .clear-button:hover{background-color:#666}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;color:var(--text-color);opacity:.7}.loading-indicator i{font-size:28px;margin-bottom:10px}.question{font-size:18px;margin-bottom:10px;position:relative;line-height:1.5;background:linear-gradient(90deg,rgba(52,152,219,.15) 0,rgba(52,152,219,.05) 80%,transparent 100%);padding:12px 15px;border-left:4px solid #3498db;border-radius:4px;font-weight:500;transition:all .3s ease}.question:hover{box-shadow:0 2px 5px rgba(52,152,219,.2);transform:translateY(-1px)}.question-icon{display:none}.options{display:none;margin-top:10px}.option{background:var(--option-bg);padding:10px;margin:5px 0;border-radius:5px;cursor:pointer;transition:background-color .3s}.option.correct{background:#90ee90}.option.wrong{background:#f08080}@keyframes pulse-correct{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(76,175,80,.7)}50%{transform:scale(1.02);box-shadow:0 0 0 10px rgba(76,175,80,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(76,175,80,0)}}.correct-animation{animation:pulse-correct .8s ease-in-out;position:relative;overflow:hidden}.spark{position:absolute;background-color:rgba(255,255,255,.8);width:5px;height:5px;border-radius:50%;opacity:0;pointer-events:none}@keyframes spark-animation{0%{transform:scale(0) rotate(0);opacity:0}50%{opacity:1}100%{transform:scale(1.5) rotate(45deg);opacity:0}}.thank-you-message{display:none;text-align:center;margin:10px 0;color:#27ae60;font-weight:700}.quiz-mode-wrapper{min-width:600px;max-width:600px;margin:0 auto;background-color:var(--container-bg);border-radius:12px;box-shadow:0 0 20px var(--shadow-color);padding:2rem;transition:all .3s ease}@media screen and (max-width:900px){.quiz-mode-wrapper{min-width:unset;max-width:80%;width:80%;padding:1rem}}#quiz-mode-question.question{font-size:18px;margin-bottom:20px;background-color:#f5f8ff;padding:15px;border-radius:8px;border-left:4px solid #1a73e8}#quiz-mode-options.options{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}#quiz-mode-options .option{padding:12px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-bottom:6px;cursor:pointer;transition:all .2s ease;color:#333;font-size:16px;box-shadow:0 1px 3px rgba(0,0,0,.1)}#quiz-mode-options .option:hover{background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 3px 6px rgba(0,0,0,.1)}#quiz-mode-options .option.selected{background-color:#e3f2fd;border-color:#1a73e8}#quiz-mode-options .option.correct{background-color:#e8f5e9;border-color:#4caf50;color:#2e7d32;animation:correct-answer .5s ease-in-out}#quiz-mode-options .option.wrong{background-color:#ffebee;border-color:#f44336;color:#c62828;animation:wrong-answer .5s ease-in-out}#quiz-mode-options .option.show-correct{background-color:#e8f5e9;border-color:#4caf50;color:#2e7d32;animation:pulse 1s}@keyframes correct-answer{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}@keyframes wrong-answer{0%,20%,40%,60%,80%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}25%,45%,5%,65%,85%{transform:translateX(5px)}}@keyframes pulse{0%{opacity:.7}50%{opacity:1}100%{opacity:.7}}.quiz-progress{margin-bottom:20px}#progress-bar{width:100%;height:10px;background-color:#e0e0e0;border-radius:5px;margin:10px 0;overflow:hidden}#progress-indicator{height:100%;background-color:#1a73e8;width:0;transition:width .3s ease}#question-counter{text-align:center;font-weight:500;color:#666}.quiz-results-summary{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.quiz-score{text-align:center;margin-bottom:30px}#score-percentage{font-size:3rem;font-weight:700;color:#1a73e8;margin:10px 0}.answer-item{padding:15px;border-radius:8px;margin-bottom:15px;border-left:4px solid}.answer-item.correct{background-color:rgba(76,175,80,.1);border-left-color:#4caf50}.answer-item.incorrect{background-color:rgba(244,67,54,.1);border-left-color:#f44336}.answer-question{font-weight:500;margin-bottom:10px}.answer-result{display:flex;flex-direction:column;gap:5px}.answer-icon{margin-right:8px}.answer-item.correct .answer-icon{color:#4caf50}.answer-item.incorrect .answer-icon{color:#f44336}.countdown-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:30px 0;text-align:center}.countdown-title{font-size:1.4rem;margin-bottom:15px;color:#333}.countdown-time{font-size:4rem;font-weight:700;color:#1a73e8;width:120px;height:120px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#e3f2fd;margin:15px auto;animation:pulse 1s infinite}.countdown-text{font-size:1.2rem;color:#666}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:40px 0}.loading-indicator i{font-size:2rem;color:#1a73e8;margin-bottom:15px}.loading-indicator p{color:#666;font-size:1.1rem}.quiz-hint{text-align:center;color:#666;margin:15px 0;font-style:italic}@media (max-width:768px){#quiz-mode-options .option{padding:12px;font-size:14px}.countdown-time{font-size:3rem;width:90px;height:90px;line-height:90px}.countdown-title{font-size:1.2rem}.countdown-text{font-size:1rem}}.dark-mode #quiz-mode-options .option{background-color:#2c3e50;border-color:#456;color:#e6e6e6}.dark-mode #quiz-mode-options .option:hover{background-color:#374a5c}.dark-mode #quiz-mode-options .option.correct{background-color:#1b5e20;border-color:#2e7d32;color:#e8f5e9}.dark-mode #quiz-mode-options .option.wrong{background-color:#b71c1c;border-color:#c62828;color:#ffebee}.dark-mode #quiz-mode-options .option.show-correct{background-color:#1b5e20;border-color:#2e7d32;color:#e8f5e9}.dark-mode #quiz-mode-question.question{background-color:#28374a;border-left-color:#3673bb;color:#e6e6e6}.dark-mode .countdown-container{color:#e6e6e6}.dark-mode .countdown-title{color:#e6e6e6}.dark-mode .countdown-time{background-color:#2c3e50;color:#75a7ff}.dark-mode .countdown-text{color:#aaa}.dark-mode .loading-indicator i{color:#75a7ff}.dark-mode .loading-indicator p{color:#aaa}#share-results-modal{z-index:3000!important}#share-results-modal .modal{position:relative;z-index:3001!important}:root{--bg-color:#f4f4f4;--container-bg:white;--text-color:#333;--option-bg:#ddd;--shadow-color:rgba(0, 0, 0, 0.1)}.dark-mode{--bg-color:#222;--container-bg:#333;--text-color:#f4f4f4;--option-bg:#444;--shadow-color:rgba(0, 0, 0, 0.5)}body{font-family:Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s}.quiz-container{min-width:600px;max-width:600px;margin:auto;background:var(--container-bg);padding:20px;border-radius:10px;box-shadow:0 0 10px var(--shadow-color);margin-bottom:20px;transition:background-color .3s,box-shadow .3s}@media screen and (max-width:900px){.quiz-container{min-width:unset;max-width:90%;width:90%;padding:15px}}.labels{display:flex;flex-wrap:wrap;gap:5px;margin-left:auto}.label{background-color:#e9f2fb;color:#3498db;padding:2px 6px;border-radius:8px;font-size:11px;border:1px solid #d6eaf8}.buttons{margin:10px 0;display:flex;gap:10px}.buttons button{padding:6px 10px;border:1px solid #ddd;border-radius:16px;background-color:#f8f8f8;color:#666;cursor:pointer;font-size:13px;transition:all .2s;display:flex;align-items:center;gap:5px;box-shadow:0 1px 2px rgba(0,0,0,.05)}.buttons button i{font-size:12px;color:#888}.buttons button:hover{background-color:#f0f0f0;border-color:#ccc}.dark-mode .buttons button{background-color:#333;color:#ccc;border-color:#444}.dark-mode .buttons button i{color:#aaa}.dark-mode .buttons button:hover{background-color:#3a3a3a;border-color:#555}button{margin-right:10px;padding:10px;border:none;cursor:pointer;border-radius:5px;background-color:var(--option-bg);color:var(--text-color);transition:background-color .3s,color .3s}.icons{margin-top:15px;display:flex;align-items:center}.like,.save{cursor:pointer;font-size:18px;margin-right:15px;position:relative}.liked{color:red}.saved{color:#4a90e2}.tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;padding:5px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;transition:opacity .3s;pointer-events:none;margin-bottom:5px}.tooltip::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#333 transparent transparent transparent}.dark-mode-toggle{position:fixed;top:80px;right:20px;background:var(--container-bg);border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 5px var(--shadow-color);z-index:1000;transition:background-color .3s}.dark-mode-toggle i{font-size:20px;color:var(--text-color);transition:transform .3s ease}.dark-mode-toggle:hover i{transform:rotate(30deg)}.title-container{text-align:center;margin-bottom:30px;width:75%;margin-left:auto;margin-right:auto}@media screen and (max-width:768px){.title-container{width:75%;margin-left:auto;margin-right:auto}.title{font-size:24px}.subtitle{font-size:14px}}.title{color:var(--text-color);font-size:32px;font-weight:700;margin-bottom:10px;position:relative;display:inline-block;padding:5px 15px;transition:color .3s}.title::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,#3498db,#2ecc71);border-radius:2px}.subtitle{color:var(--text-color);opacity:.8;font-size:16px;font-style:italic;transition:color .3s,opacity .3s}.invite-button{position:fixed;bottom:90px;right:30px;background:linear-gradient(45deg,#ff416c,#ff4b2b);color:#fff;padding:12px 16px;border-radius:50px;border:none;cursor:pointer;font-size:14px;font-weight:700;box-shadow:0 4px 15px rgba(255,65,108,.4);transition:all .3s ease;display:flex;align-items:center;gap:10px;z-index:100;width:auto;justify-content:flex-end;white-space:nowrap}.invite-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(255,65,108,.6)}.invite-button i{font-size:16px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal{background-color:var(--container-bg);border-radius:10px;padding:30px;width:90%;max-width:500px;box-shadow:0 10px 30px rgba(0,0,0,.2);transform:translateY(20px);transition:all .3s ease}.modal-overlay.active .modal{transform:translateY(0)}.modal h2{margin-top:0;color:var(--text-color);margin-bottom:20px;text-align:center}.modal-close{position:absolute;top:15px;right:15px;cursor:pointer;font-size:22px;color:var(--text-color);opacity:.7;transition:opacity .3s}.modal-close:hover{opacity:1}.share-option{display:flex;align-items:center;padding:15px;margin:10px 0;background-color:var(--option-bg);border-radius:10px;cursor:pointer;transition:all .3s ease}.share-option:hover{transform:translateX(5px);background-color:rgba(52,152,219,.1)}.share-option i{font-size:24px;margin-right:15px;color:#3498db}.share-option .option-text{flex:1}.share-option .option-title{font-weight:700;margin-bottom:3px;color:var(--text-color)}.share-option .option-description{font-size:14px;opacity:.7;color:var(--text-color)}#copy-success{display:none;background-color:#2ecc71;color:#fff;padding:10px;border-radius:5px;margin-top:15px;text-align:center}.settings-button{position:fixed;top:120px;right:20px;background:var(--container-bg);border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 5px var(--shadow-color);z-index:1000;transition:all .3s ease}.settings-button i{font-size:20px;color:var(--text-color);transition:transform .3s ease}.settings-button:hover i{transform:rotate(30deg)}.settings-modal{position:fixed;top:170px;right:20px;left:auto;background-color:var(--container-bg);border-radius:10px;padding:15px;box-shadow:0 0 10px var(--shadow-color);z-index:99;min-width:250px;display:none;transition:all .3s ease}.settings-modal.active{display:block}.settings-option{display:flex;align-items:center;justify-content:space-between;margin:10px 0;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.1)}.settings-option label{color:var(--text-color);font-weight:700;font-size:14px}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#3498db}input:checked+.toggle-slider:before{transform:translateX(26px)}.user-email{margin-top:5px;padding:5px 8px;background-color:rgba(52,152,219,.1);border-radius:4px;font-size:12px;color:var(--text-color);display:flex;align-items:center;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email i{font-size:12px;margin-right:5px;color:#3498db}.feedback-button{position:fixed;bottom:30px;right:30px;background:linear-gradient(45deg,#f39c12,#e67e22);color:#fff;padding:12px 16px;border-radius:50px;border:none;cursor:pointer;font-size:14px;font-weight:700;box-shadow:0 4px 15px rgba(243,156,18,.4);transition:all .3s ease;display:flex;align-items:center;gap:8px;z-index:100;text-decoration:none;width:auto;justify-content:flex-end;white-space:nowrap}.feedback-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(243,156,18,.6)}.feedback-button i{font-size:16px}.share-button{position:fixed;bottom:90px;right:30px;background:linear-gradient(45deg,#3498db,#2980b9);color:#fff;padding:12px 16px;border-radius:50px;border:none;cursor:pointer;font-size:14px;font-weight:700;box-shadow:0 4px 15px rgba(52,152,219,.4);transition:all .3s ease;display:flex;align-items:center;gap:10px;z-index:100;width:auto;justify-content:flex-end;white-space:nowrap}.share-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(52,152,219,.6)}.share-button i{font-size:16px}#share-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:2000;display:none;justify-content:center;align-items:center}#share-modal.active{display:flex}#share-modal .modal-content{position:relative;background-color:var(--container-bg);padding:30px;border-radius:10px;width:90%;max-width:500px;box-shadow:0 10px 30px rgba(0,0,0,.2);transform:translateY(0);animation:modal-appear .3s ease}@keyframes modal-appear{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#share-modal .close-modal{position:absolute;top:15px;right:15px;font-size:24px;cursor:pointer;color:var(--text-color);opacity:.7;transition:opacity .3s}#share-modal .close-modal:hover{opacity:1}.buttons button.active{background-color:rgba(52,152,219,.2);color:#3498db}.buttons button.active i{color:#3498db}.dark-mode .buttons button.active{background-color:#2c3e50;border-color:#34495e;color:#7fb3ff}.dark-mode .buttons button.active i{color:#7fb3ff}.category-subscriptions{margin-top:20px;padding:0 15px 15px}.categories-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.category-item{background-color:var(--option-bg);border-radius:5px;padding:10px 15px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .3s,transform .2s;width:calc(50% - 5px);box-sizing:border-box}.category-item:hover{background-color:#3498db;color:#fff;transform:translateY(-2px)}.category-name{font-weight:500}.category-status i{font-size:14px}.toast-notification{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;padding:16px 24px;border-radius:8px;font-size:16px;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.15);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.toast-notification.show{opacity:1;visibility:visible}.toast-notification.success{background-color:#2ecc71;color:#fff}.toast-notification.error{background-color:#e74c3c;color:#fff}.dark-mode .toast-notification{background-color:#555;color:#fff}.dark-mode .toast-notification.success{background-color:#27ae60}.dark-mode .toast-notification.error{background-color:#c0392b}.welcome-message{position:fixed;top:30px;left:50%;transform:translateX(-50%);background-color:rgba(74,144,226,.95);color:#fff;padding:15px 25px;border-radius:8px;font-size:18px;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.2);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;text-align:center;max-width:90%}.welcome-message.show{opacity:1;visibility:visible;animation:fadeInAndOut 4s ease-in-out forwards}@keyframes fadeInAndOut{0%{opacity:0;transform:translate(-50%,20px)}15%{opacity:1;transform:translate(-50%,0)}85%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-20px)}}.dark-mode .welcome-message{background-color:rgba(44,62,80,.95)}@media (max-width:768px){.category-item{width:100%}}.date-tabs-container{max-width:600px;margin:auto;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.2rem;padding:.2rem;background-color:var(--bg-secondary);border-radius:8px;flex-wrap:wrap}@media screen and (max-width:900px){.date-tabs-container{max-width:80%;width:80%;margin-left:auto;margin-right:auto;display:flex;justify-content:center}.date-tabs{max-width:none;width:100%;margin:0 auto;display:flex;justify-content:center}}.date-tabs{display:flex;gap:1rem;flex:1;justify-content:center}.date-tab{padding:.3rem 1rem;border-radius:25px;cursor:pointer;transition:all .2s ease;background-color:#f8f9fa;color:#495057;white-space:nowrap;font-size:.9rem;border:1px solid #e9ecef;box-shadow:0 1px 3px rgba(0,0,0,.05)}.date-tab:hover{background-color:#e9ecef;color:#212529;border-color:#dee2e6;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.date-tab.active{background-color:#4a90e2;color:#fff;font-weight:500;border-color:#357abd;box-shadow:0 2px 4px rgba(74,144,226,.2)}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width:500px){.share-button{bottom:65px}.feedback-button{bottom:20px}.feedback-button,.share-button{padding:10px 14px}.responsive-text{display:none!important;visibility:hidden;opacity:0;width:0;height:0;margin:0;padding:0}.date-tabs{flex-direction:column;align-items:center;gap:.5rem;width:100%;margin:0 auto}.date-tab{width:80%;text-align:center;margin:0 auto}.start-button{max-width:75%}.feedback-button i,.invite-button i,.share-button i{margin-right:0}.feedback-button,.invite-button,.share-button{padding:8px;min-width:30px;justify-content:center}.quiz-container .buttons button{padding:8px;min-width:40px;justify-content:center}.quiz-container .buttons button i{margin-right:0}.quiz-container .buttons button::after{display:none}}.view-toggle-container{position:sticky;top:0;z-index:100;max-width:600px;margin:0 auto 15px;display:flex;justify-content:center;align-items:center;padding:10px 0;background-color:var(--bg-color);transition:background-color .3s,box-shadow .3s}.view-toggle-container.scrolled{box-shadow:0 2px 8px var(--shadow-color)}.view-toggle{display:flex;background-color:var(--container-bg);border-radius:20px;overflow:hidden;box-shadow:0 2px 5px var(--shadow-color);margin:0 auto;width:240px;padding:0}.toggle-button{padding:10px 0;border:none;background-color:transparent;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;color:var(--text-color);position:relative;width:50%;text-align:center;margin:0;box-sizing:border-box}.toggle-button.active{background-color:#3498db;color:#fff;border-radius:0}.toggle-button:first-child.active{border-top-left-radius:20px;border-bottom-left-radius:20px}.toggle-button:last-child.active{border-top-right-radius:20px;border-bottom-right-radius:20px}.toggle-button:hover:not(.active){background-color:rgba(52,152,219,.1)}.view-container{display:none!important;max-width:600px;margin:auto}.view-container.active{display:block!important}@media screen and (max-width:900px){.view-container{max-width:80%;width:80%}}.back-to-daily-questions-container,.back-to-quiz-container{max-width:600px;margin:0 auto 15px;padding:10px 0;display:flex;justify-content:flex-start}@media screen and (max-width:900px){.back-to-daily-questions-container,.back-to-quiz-container{max-width:80%;width:80%}}.back-button{background-color:#3498db;color:#fff;border:none;border-radius:20px;padding:8px 16px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 2px 5px var(--shadow-color)}.back-button:hover{background-color:#2980b9;transform:translateY(-2px)}.back-button i{font-size:12px}.dark-mode .back-button{background-color:#2980b9}.dark-mode .back-button:hover{background-color:#3498db}#consent-modal-overlay{z-index:1000;background-color:rgba(0,0,0,.85);overflow-y:auto;display:flex;align-items:flex-start;padding:20px 0}#consent-modal{border-radius:10px;box-shadow:0 10px 25px rgba(0,0,0,.2);animation:consent-modal-appear .5s ease-out;border-top:4px solid #4caf50;max-height:90vh;overflow-y:auto}@keyframes consent-modal-appear{0%{opacity:0;transform:scale(.9) translateY(20px)}100%{opacity:1;transform:scale(1) translateY(0)}}#consent-modal .modal-header h2{font-size:1.4rem;color:#333}#consent-modal .consent-options{margin:20px 0}#consent-modal .consent-option{padding:12px;border-radius:8px;margin-bottom:12px;transition:background-color .2s}#consent-modal .consent-option:hover{background-color:rgba(76,175,80,.1)}#consent-modal .consent-option label{display:flex;flex-direction:column;cursor:pointer}#consent-modal .consent-option input{margin-right:10px;transform:scale(1.2)}#consent-modal .consent-option p{margin:5px 0 0 0;font-size:.9rem;color:#666}#consent-modal .primary-button{transition:all .3s}#consent-modal .close-button{display:none}@keyframes attention-flash{0%,100%{transform:scale(1);box-shadow:0 4px 6px rgba(0,0,0,.1)}50%{transform:scale(1.05);box-shadow:0 8px 15px rgba(0,0,0,.2);background-color:#3e8e41}}.attention-flash{animation:attention-flash .5s ease-in-out 2}@media (max-width:768px){#consent-modal{max-height:80vh;overflow-y:auto;margin:10% auto;width:95%}#consent-modal .modal-content{padding-right:10px}.consent-options{max-height:50vh;overflow-y:auto}#consent-modal-overlay{padding:10px 0 30px 0;align-items:flex-start}}@media (max-width:480px){#consent-modal{max-height:85vh;padding:20px 15px}#consent-modal .modal-header h2{font-size:1.2rem}.consent-benefits{padding:10px}.large-button{max-width:280px;padding:12px 15px}}.site-footer{text-align:center;padding:15px 0;margin-top:30px;background-color:var(--container-bg);color:var(--text-color);border-top:1px solid rgba(0,0,0,.1);font-size:14px;transition:background-color .3s,color .3s;box-shadow:0 -2px 10px var(--shadow-color)}.site-footer a{color:#3498db;text-decoration:none;transition:color .3s ease}.site-footer a:hover{color:#2980b9;text-decoration:underline}.dark-mode .site-footer{border-top:1px solid rgba(255,255,255,.1)}.dark-mode .site-footer a{color:#7fb3ff}.dark-mode .site-footer a:hover{color:#9ec6ff}@media (max-width:480px){.site-footer{padding:10px 0;font-size:12px}}.profile-actions{margin-top:1rem;padding:.5rem;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.profile-action-button{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.2rem;border:none;border-radius:4px;background-color:#4a90e2;color:#fff;cursor:pointer;transition:all .2s ease;font-weight:500;box-shadow:0 2px 4px rgba(0,0,0,.1)}.profile-action-button:hover{background-color:#3a7bc8;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.profile-action-button i{font-size:1rem}.start-button{padding:12px 30px;background-color:#1a73e8;color:#fff;border:none;border-radius:30px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 8px rgba(26,115,232,.3);transition:all .3s ease;width:auto;max-width:75%;display:flex;align-items:center;justify-content:center;gap:8px}.start-button:hover{background-color:#0d62d3;transform:translateY(-2px);box-shadow:0 6px 12px rgba(26,115,232,.4)}.start-button:active{transform:translateY(0);box-shadow:0 2px 4px rgba(26,115,232,.3)}.dark-mode .start-button{background-color:#4285f4;box-shadow:0 4px 8px rgba(66,133,244,.3)}.dark-mode .start-button:hover{background-color:#3367d6;box-shadow:0 6px 12px rgba(66,133,244,.4)}.quiz-mode-wrapper{width:100%;max-width:800px;margin:0 auto;padding:20px;box-sizing:border-box}.quiz-mode-title{text-align:center;margin-bottom:10px;color:var(--text-color)}.quiz-mode-subtitle{text-align:center;margin-bottom:20px;color:var(--text-secondary)}.quiz-mode-content{width:100%;display:flex;flex-direction:column;gap:20px}.quiz-mode-question{background-color:var(--card-bg);border-radius:12px;padding:20px;margin-bottom:15px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.quiz-mode-question-header{display:flex;align-items:flex-start;margin-bottom:15px}.quiz-mode-question-number{background-color:var(--primary-color);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:15px;flex-shrink:0}.quiz-mode-question-text{margin:0;font-size:1.1rem;color:var(--text-color)}.quiz-mode-options{display:flex;flex-direction:column;gap:10px;margin-left:43px}.quiz-mode-option{display:flex;align-items:center;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background-color .2s}.quiz-mode-option:hover{background-color:var(--hover-bg)}.quiz-mode-option input[type=radio]{margin-right:10px}.quiz-mode-option label{cursor:pointer}.quiz-mode-controls{display:flex;justify-content:center;margin-top:20px;margin-bottom:30px}.submit-button{background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:8px}.submit-button:hover{background-color:var(--primary-dark)}.quiz-results-summary{padding:20px;background-color:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.quiz-results-summary h2{text-align:center;margin-bottom:15px;color:var(--text-color)}.results-score{text-align:center;font-size:1.5rem;font-weight:700;margin-bottom:25px;color:var(--primary-color)}#quiz-answers-summary{display:flex;flex-direction:column;gap:15px}.summary-item{padding:15px;border-radius:8px;border-left:4px solid}.summary-item.correct{background-color:rgba(76,175,80,.1);border-left-color:#4caf50}.summary-item.incorrect{background-color:rgba(244,67,54,.1);border-left-color:#f44336}.summary-item .question-text{margin-top:0;margin-bottom:10px;font-size:1rem;color:var(--text-color)}.answer-info{display:flex;flex-direction:column;gap:5px}.correct-answer,.user-answer{display:flex;align-items:baseline}.answer-label{min-width:120px;font-weight:500;color:var(--text-secondary)}.summary-item.correct .user-answer .answer-value{color:#4caf50;font-weight:500}.summary-item.incorrect .user-answer .answer-value{color:#f44336;font-weight:500}.summary-item.incorrect .correct-answer .answer-value{color:#4caf50;font-weight:500}.empty-quiz-mode-message{display:none;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:40px 20px;text-align:center}.empty-quiz-mode-message i{font-size:3rem;color:var(--text-secondary);opacity:.6}.quiz-mode-placeholder{font-size:1.1rem;margin:0;color:var(--text-secondary)}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:40px 20px}.loading-indicator i{font-size:2rem;color:var(--primary-color)}.loading-indicator p{margin:0;color:var(--text-secondary)}.quiz-mode-button{margin-left:10px;background-color:#1a73e8;color:#fff;box-shadow:0 4px 8px rgba(26,115,232,.3);position:relative;overflow:hidden;transition:all .3s ease;animation:pulse-glow 2s infinite;font-weight:700;border:none;z-index:1}.quiz-mode-button::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0,rgba(255,255,255,0) 70%);z-index:-1;transform:scale(0);transition:transform .5s ease-out}.quiz-mode-button:hover{background-color:#0d62d3;transform:translateY(-2px) scale(1.05);box-shadow:0 6px 16px rgba(26,115,232,.5),0 0 15px rgba(26,115,232,.3);animation:none}.quiz-mode-button:hover::before{transform:scale(1);transition:transform .8s ease-out}@keyframes pulse-glow{0%{box-shadow:0 4px 8px rgba(26,115,232,.3)}50%{box-shadow:0 4px 12px rgba(26,115,232,.6),0 0 20px rgba(26,115,232,.3)}100%{box-shadow:0 4px 8px rgba(26,115,232,.3)}}.dark-mode .quiz-mode-button{background-color:#4285f4;box-shadow:0 4px 8px rgba(66,133,244,.3);animation:pulse-glow-dark 2s infinite}.dark-mode .quiz-mode-button:hover{background-color:#3367d6;box-shadow:0 6px 16px rgba(66,133,244,.5),0 0 15px rgba(66,133,244,.4);animation:none}@keyframes pulse-glow-dark{0%{box-shadow:0 4px 8px rgba(66,133,244,.3)}50%{box-shadow:0 4px 12px rgba(66,133,244,.6),0 0 20px rgba(66,133,244,.4)}100%{box-shadow:0 4px 8px rgba(66,133,244,.3)}}#start-quiz-mode-button{transform:scale(1.1);padding:12px 25px;font-size:1.1em;letter-spacing:.5px;border-radius:50px;margin-top:5px;margin-bottom:10px;background:linear-gradient(135deg,#1a73e8 0,#0d62d3 100%);text-shadow:0 1px 2px rgba(0,0,0,.2);animation:pulse-glow 2s infinite,subtle-bounce 4s ease-in-out infinite}#start-quiz-mode-button:hover{background:linear-gradient(135deg,#0d62d3 0,#0a4faa 100%);transform:scale(1.15) translateY(-2px)}@keyframes subtle-bounce{0%,100%{transform:scale(1.1)}50%{transform:scale(1.13)}}@media (max-width:600px){#start-quiz-mode-button{transform:scale(1.05);padding:10px 20px;font-size:1em}#start-quiz-mode-button:hover{transform:scale(1.1) translateY(-2px)}@keyframes subtle-bounce{0%,100%{transform:scale(1.05)}50%{transform:scale(1.08)}}}.dark-mode #start-quiz-mode-button{background:linear-gradient(135deg,#4285f4 0,#3367d6 100%);box-shadow:0 4px 12px rgba(66,133,244,.4),0 0 20px rgba(66,133,244,.3);animation:pulse-glow-dark 2s infinite,subtle-bounce 4s ease-in-out infinite}.dark-mode #start-quiz-mode-button:hover{background:linear-gradient(135deg,#3367d6 0,#2850c8 100%);box-shadow:0 6px 16px rgba(66,133,244,.5),0 0 25px rgba(66,133,244,.4)}