@import"https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&family=Noto+Sans+Malayalam:wght@100..900&display=swap";:root{--coffee: #FFBF00;--coffee-hover: #e6ac00;--coffee-border-and-text: #333;--white: #ffffff;--danger-color1: #e74c3c;--danger-color2: #c0392b;--err-color: #e3d2d6;--inner-bg: #ffffff;--outer-and-text-bg: #eceff6;--text-color: #4260a2}html{color-scheme:light;background-color:var(--outer-and-text-bg)}body{font-family:Noto Sans,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--outer-and-text-bg);color:var(--text-color);margin:0;padding:20px;display:flex;flex-direction:column;align-items:center;min-height:100vh;box-sizing:border-box;overflow-x:hidden}.app-container{width:100%;max-width:900px;background-color:var(--inner-bg);border-radius:12px;box-shadow:0 8px 16px #2f004f1a;padding:25px;box-sizing:border-box;position:relative;transition:background-color .3s,color .3s}header{display:flex;align-items:center;justify-content:space-between;text-align:center;margin-bottom:20px;border-bottom:1px solid var(--text-color);padding-bottom:10px}header h1{color:var(--text-color);margin:0 10px;font-weight:700;font-size:1.5em;flex-grow:1;text-align:center;background-color:var(--inner-bg);padding:5px 10px;border-radius:6px}.header-actions{display:flex;align-items:center;gap:10px}.header-action-btn{padding:6px 8px;font-size:1.2rem;line-height:1;color:var(--text-color);border:none;border-radius:6px;cursor:pointer;transition:background-color .2s,transform .1s,color .2s;box-shadow:0 1px 3px #2f004f1a;display:flex;align-items:center;justify-content:center;background-color:var(--inner-bg)}.header-action-btn:hover{transform:translateY(-1px);background-color:var(--outer-and-text-bg)}.header-action-btn:active{transform:translateY(0)}.header-coffee-btn{background-color:var(--coffee);color:var(--coffee-border-and-text)}.header-coffee-btn:hover{background-color:var(--coffee-hover)}.header-share-btn,.header-about-btn{font-size:.9rem;padding:7px 12px;font-weight:600;line-height:normal;color:var(--text-color);background-color:var(--outer-and-text-bg)}.header-share-btn:hover,.header-about-btn:hover{background-color:var(--text-color);color:var(--inner-bg)}main{display:flex;flex-direction:column;gap:15px}.card{background-color:var(--inner-bg);border-radius:8px;padding:15px;box-shadow:0 4px 8px #2f004f12;border:1px solid var(--outer-and-text-bg);box-sizing:border-box;transition:background-color .3s,border-color .3s}.quiz-area.card{padding:25px;border:2px solid var(--text-color);box-shadow:0 14px 28px #0000002e,0 10px 10px #0000001f;position:relative;z-index:10}.mode-switcher{padding:10px;background-color:var(--outer-and-text-bg)}.mode-switcher-controls{display:flex;justify-content:space-between;align-items:center}.mode-actions-right{display:flex;align-items:center;gap:10px}.reset-btn{padding:7px 12px;font-size:.8rem;font-weight:600;color:var(--white);background-color:var(--danger-color1);border:none;border-radius:6px;cursor:pointer;transition:background-color .2s,transform .1s;line-height:normal}.reset-btn:hover{background-color:var(--danger-color2);transform:translateY(-1px)}.reset-btn:active{transform:translateY(0)}.mode-switcher-mute-btn{background-color:transparent;border:none;padding:8px 10px;line-height:1;color:var(--text-color);border-radius:8px;cursor:pointer;transition:color .2s,transform .1s,background-color .2s;display:flex;align-items:center;gap:6px}.mode-switcher-mute-btn:hover{transform:scale(1.05);background-color:#5f0a870d}.mode-switcher-mute-btn .mute-icon{font-size:1.8rem}.mode-switcher-mute-btn .mute-text{font-size:.9rem;font-weight:500}.mode-switcher-mute-btn.muted .mute-icon,.mode-switcher-mute-btn.muted .mute-text{color:var(--danger-color1)}.mode-switcher-buttons{display:flex;gap:10px;flex-wrap:wrap}.mode-switcher-buttons button{padding:8px 12px;font-size:.9rem;border:1px solid var(--text-color);background-color:var(--inner-bg);color:var(--text-color);border-radius:6px;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.mode-switcher-buttons button:hover{background-color:var(--outer-and-text-bg)}.mode-switcher-buttons button.active-mode{background-color:var(--text-color);color:var(--inner-bg);font-weight:700;border-color:var(--text-color)}.appearance-fab{position:fixed;bottom:20px;right:20px;width:56px;height:56px;background-color:var(--text-color);color:var(--inner-bg);border:none;border-radius:50%;font-size:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0003;cursor:pointer;z-index:1000;transition:background-color .3s,transform .2s}.appearance-fab:hover{transform:scale(1.1)}.theme-options-panel{position:fixed;bottom:85px;right:20px;background-color:var(--inner-bg);border:1px solid var(--outer-and-text-bg);border-radius:8px;padding:15px;box-shadow:0 6px 12px #00000026;z-index:999;transition:opacity .3s ease,transform .3s ease;transform-origin:bottom right;display:none;opacity:0;transform:scale(.95) translateY(10px)}.theme-options-panel[style*="display: block;"],.theme-options-panel[style*="display: flex;"]{opacity:1;transform:scale(1) translateY(0)}.theme-buttons-container{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.theme-buttons-container button{padding:8px 12px;font-size:.9rem;border:1px solid var(--text-color);background-color:var(--inner-bg);color:var(--text-color);border-radius:6px;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.theme-buttons-container button:hover{background-color:var(--outer-and-text-bg)}.theme-buttons-container button.active-theme{background-color:var(--text-color);color:var(--inner-bg);font-weight:700;border-color:var(--text-color)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.quiz-layout-wrapper{display:flex;flex-direction:column;gap:15px}.quiz-layout-wrapper .quiz-area{min-width:0;width:100%}.quiz-layout-wrapper .progress-display.card{width:100%}.item-display-wrapper{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px;background-color:var(--outer-and-text-bg);border-radius:8px;padding:8px;border:1px solid var(--inner-bg)}.answer-feedback-icon{font-size:2rem;font-weight:700;line-height:1;display:none}.noto-sans-malayalam-main-display{font-family:Noto Sans Malayalam,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}.quiz-area .item-display{font-size:3rem;color:var(--text-color);text-align:center;padding:5px;min-height:70px;display:flex;align-items:center;justify-content:center;overflow-wrap:break-word;line-height:1.2;flex-grow:1}.replay-audio-btn{background-color:transparent;border:none;color:var(--text-color);font-size:1.6rem;padding:6px;border-radius:50%;cursor:pointer;transition:background-color .2s,transform .1s,color .2s;display:none;align-items:center;justify-content:center;line-height:1;flex-shrink:0}.replay-audio-btn:hover{background-color:#a4508b1a;transform:scale(1.1)}.replay-audio-btn:active{transform:scale(1)}.options{display:flex;justify-content:space-between;gap:5px;margin-bottom:10px;flex-wrap:nowrap}.options button{flex-grow:1;flex-basis:0;padding:10px 5px;font-size:.85rem;background-color:var(--outer-and-text-bg);color:var(--text-color);border:1px solid var(--text-color);border-radius:6px;cursor:pointer;transition:background-color .2s,transform .1s,border-color .2s,color .2s;text-align:center;font-weight:500;box-shadow:0 2px 3px #2f004f14;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.options button:hover{background-color:var(--inner-bg);border-color:var(--text-color);transform:translateY(-1px)}.options button:active{transform:scale(.98) translateY(0)}.options button.correct{background-color:var(--text-color)!important;color:var(--inner-bg)!important;border-color:var(--text-color)!important}.options button.incorrect{background-color:var(--danger-color1)!important;color:#fff!important;border-color:var(--danger-color1)!important}.options button:disabled{opacity:.7;cursor:not-allowed;transform:none}.feedback{min-height:20px;margin-bottom:10px;text-align:center;font-size:.9em;font-weight:700;transition:color .3s}.feedback.correct{color:var(--text-color)}.feedback.incorrect{color:var(--danger-color1)}.feedback.info{color:var(--text-color)}.feedback.error{color:var(--danger-color1)}.feedback.success{color:var(--text-color)}.control-buttons{text-align:center;margin-top:5px}.control-buttons button,#next-question-btn{padding:10px 18px;font-size:.9rem;font-weight:700;background-color:var(--text-color);color:var(--inner-bg);border:none;border-radius:6px;cursor:pointer;transition:background-color .2s,color .2s;display:none}#next-question-btn{display:none}.control-buttons button:hover,#next-question-btn:hover{background-color:var(--text-color)}.progress-display{display:flex;flex-direction:column;gap:5px;padding:10px 0;background-color:var(--outer-and-text-bg)}.progress-bar-container-wrapper{margin-bottom:10px;padding-left:20px;padding-right:20px}.progress-bar-label{display:block;font-size:1.1em;color:var(--text-color);margin-bottom:4px;text-align:left;font-weight:600;animation:pulse-text 1.8s infinite ease-in-out}@keyframes pulse-text{0%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}to{opacity:.7;transform:scale(1)}}.progress-bar-container{width:100%;background-color:var(--inner-bg);border-radius:6px;height:12px;overflow:hidden;transition:background-color .3s}.progress-bar-inner{height:100%;width:0%;background-color:var(--text-color);border-radius:6px;transition:width .3s ease-in-out,background-color .3s;background-image:linear-gradient(45deg,rgba(234,191,203,.3) 25%,transparent 25%,transparent 50%,rgba(234,191,203,.3) 50%,rgba(234,191,203,.3) 75%,transparent 75%,transparent);background-size:30px 30px;animation:progress-bar-stripes 1s linear infinite}@keyframes progress-bar-stripes{0%{background-position:30px 0}to{background-position:0 0}}.progress-display div:not(.progress-bar-container-wrapper):not(.progress-bar-container){display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:4px 0}.progress-display strong{font-size:1.2em;color:var(--text-color);font-weight:700;text-align:right;padding-right:10px}.progress-display span:not(.progress-bar-label){font-size:1em;color:var(--text-color);font-weight:400;white-space:nowrap;text-align:left}.next-steps-card,.support-me-card,.hall-of-fame-card,.test-controls{margin-top:20px;border-color:var(--outer-and-text-bg)}.test-controls{background-color:var(--outer-and-text-bg)}@media (max-width: 768px){.app-container{max-width:700px;padding:20px}.quiz-layout-wrapper{gap:10px}.progress-display{flex-direction:column}.progress-bar-container-wrapper{padding:0 5px}.progress-display div:not(.progress-bar-container-wrapper):not(.progress-bar-container){flex-direction:row;justify-content:space-between;width:100%;padding:5px}.progress-display strong{text-align:right;font-size:1.1em}.progress-display span:not(.progress-bar-label){font-size:.9em;text-align:left}.header-action-btn{top:5px}.header-share-btn,.header-about-btn{font-size:.9rem;padding:7px 10px}header h1{font-size:1.3em}.mode-switcher-mute-btn .mute-icon{font-size:1.7rem}.mode-switcher-mute-btn .mute-text{font-size:.8rem}.quiz-area .item-display{font-size:2.5rem;min-height:60px}.replay-audio-btn{font-size:1.5rem}.answer-feedback-icon{font-size:1.8rem}.options button{font-size:.8rem;padding:8px 5px}.quiz-area.card{padding:20px}}@media (max-width: 600px){body,.app-container{padding:10px}main{gap:10px}.card{padding:10px}.quiz-area.card{padding:15px}header{padding-bottom:8px;margin-bottom:10px}header h1{font-size:1.1em;margin:0 5px}.header-share-btn,.header-about-btn{font-size:.8rem;padding:5px 8px}.header-actions{gap:5px}.mode-switcher{padding:8px}.mode-switcher-controls{margin-bottom:5px}.mode-switcher-buttons button,.theme-buttons-container button{padding:6px 10px;font-size:.8rem}.mode-switcher-mute-btn{padding:5px 8px;gap:4px}.mode-switcher-mute-btn .mute-icon{font-size:1.5rem}.mode-switcher-mute-btn .mute-text{font-size:.7rem}.item-display-wrapper{padding:5px;gap:5px;margin-bottom:8px}.quiz-area .item-display{font-size:2rem;min-height:50px;padding:5px;line-height:1.1}.replay-audio-btn{font-size:1.3rem;padding:5px}.answer-feedback-icon{font-size:1.5rem}.options{gap:3px;margin-bottom:8px}.options button{padding:8px 3px;font-size:.75rem}.feedback{font-size:.8em;min-height:18px;margin-bottom:8px}.control-buttons button,#next-question-btn{padding:8px 15px;font-size:.8rem}.progress-display.card{padding:8px 5px}.progress-bar-label{font-size:1em}.progress-bar-container{height:10px}.progress-display strong{font-size:1em}.progress-display span:not(.progress-bar-label){font-size:.8em}.progress-display div:not(.progress-bar-container-wrapper):not(.progress-bar-container){padding:3px}.appearance-fab{width:48px;height:48px;font-size:20px;bottom:15px;right:15px}.theme-options-panel{bottom:70px;right:15px;padding:10px}}@media (max-width: 400px){header h1{font-size:1em}.header-share-btn,.header-about-btn{font-size:.7rem;padding:4px 6px}.mode-switcher-buttons button,.theme-buttons-container button{font-size:.7rem;padding:5px 8px}.mode-switcher-mute-btn .mute-icon{font-size:1.4rem}.mode-switcher-mute-btn .mute-text{font-size:.65rem}.quiz-area .item-display{font-size:1.8rem;min-height:45px}.replay-audio-btn{font-size:1.2rem;padding:4px}.answer-feedback-icon{font-size:1.3rem}.options button{font-size:.7rem;padding:7px 2px}.feedback{font-size:.75em}.progress-bar-label{font-size:.9em}.progress-bar-container{height:8px}.quiz-area.card{padding:12px}}.next-steps-card,.support-me-card,.hall-of-fame-card{padding:15px 20px;background-color:var(--outer-and-text-bg)}#test-hof-btn{background-color:var(--text-color)!important;color:var(--inner-bg)!important}#test-hof-btn:hover{background-color:var(--text-color)!important}.next-steps-card h3,.support-me-card h3,.hall-of-fame-card h2{font-size:1.3em;color:var(--text-color);margin-top:0;margin-bottom:10px}.next-steps-card p,.next-steps-card ul,.support-me-card p,.hall-of-fame-card p{font-size:.95em;line-height:1.6;color:var(--text-color)}.hall-of-fame-card #hall-of-fame-entries{margin-top:15px}.hof-entry{background-color:var(--inner-bg);border-left:4px solid var(--text-color);padding:10px 15px;margin-bottom:15px;border-radius:0 4px 4px 0}.hof-entry h4{margin-top:0;margin-bottom:5px;color:var(--text-color);font-size:1.1em}.hof-entry p{font-style:italic;color:var(--text-color);line-height:1.5;margin-bottom:0}.share-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#2f004f99;align-items:center;justify-content:center}.share-modal-content{background-color:var(--outer-and-text-bg);margin:auto;padding:25px;border-radius:10px;box-shadow:0 5px 15px #2f004f4d;width:90%;max-width:500px;position:relative;text-align:left;border:1px solid var(--inner-bg);transition:background-color .3s,color .3s,border-color .3s}.share-modal-content h3,.share-modal-content p,.share-modal-content h2,.share-modal-content ul,.share-modal-content .form-group label{text-align:left;margin-bottom:10px;color:var(--text-color)}.share-modal-content #share-modal-title,.share-modal-content #about-me-modal-title,.share-modal-content #hall-of-fame-modal-title,.share-modal-content #reset-confirmation-modal-title{text-align:center;font-size:1.5em;margin-bottom:15px;color:var(--text-color)}.share-modal-content .share-url-container,.share-modal-content .social-share-buttons,.share-modal-content>p:has(~.share-url-container),.share-modal-content .modal-action-buttons{text-align:center}.share-modal-close-btn{position:absolute;top:10px;right:15px;font-size:1.8rem;font-weight:700;color:var(--text-color);background:none;border:none;cursor:pointer;padding:0;line-height:1}.share-modal-close-btn:hover,.share-modal-close-btn:focus{color:var(--text-color);text-decoration:none}#about-me-modal .share-modal-content h3:not(#about-me-modal-title){font-size:1.3em;color:var(--text-color);margin-top:10px;margin-bottom:10px}#about-me-modal .share-modal-content p{font-size:.95em;line-height:1.6;margin-bottom:10px;color:var(--text-color)}#about-me-modal .share-modal-content p a{color:var(--text-color);text-decoration:underline}#about-me-modal .share-modal-content p a:hover{color:var(--text-color)}.share-url-container{display:flex;margin-bottom:20px;gap:8px}.share-url-container input[type=text]{flex-grow:1;padding:8px 10px;border:1px solid var(--inner-bg);border-radius:5px;font-size:.95em;background-color:var(--inner-bg);color:var(--text-color)}.share-url-container button{padding:8px 15px;font-size:.95em;background-color:var(--text-color);color:var(--inner-bg);border:none;border-radius:5px;cursor:pointer;transition:background-color .2s,color .2s}.share-url-container button:hover{background-color:var(--text-color)}.social-share-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:15px}.social-share-button{display:inline-block;padding:8px 15px;background-color:var(--inner-bg);color:var(--text-color);text-decoration:none;border-radius:20px;font-size:.9em;transition:background-color .2s,color .2s,border-color .2s;border:1px solid var(--outer-and-text-bg)}.social-share-button:hover{background-color:var(--outer-and-text-bg);color:var(--text-color)}#hall-of-fame-modal .share-modal-content p,#hall-of-fame-modal .share-modal-content ul{font-size:.95em;line-height:1.5;color:var(--text-color)}#hall-of-fame-modal .share-modal-content ul{list-style-type:disc;padding-left:25px}#hall-of-fame-modal .share-modal-content ul li{margin-bottom:5px}#hall-of-fame-modal-title{color:var(--text-color);font-weight:700}.share-modal-content .form-group{margin-bottom:12px}.share-modal-content .form-group input[type=text],.share-modal-content .form-group input[type=email],.share-modal-content .form-group textarea{width:100%;padding:8px 10px;border:1px solid var(--inner-bg);border-radius:5px;font-family:inherit;font-size:.95em;box-sizing:border-box;background-color:var(--inner-bg);color:var(--text-color);transition:background-color .3s,color .3s,border-color .3s}.share-modal-content .form-group textarea{resize:vertical;min-height:70px}#submit-testimonial-btn{background-color:var(--text-color);color:var(--inner-bg);padding:10px 20px;border:none;border-radius:5px;font-size:1em;font-weight:700;cursor:pointer;transition:background-color .2s,color .2s;display:block;margin:15px auto 0}#submit-testimonial-btn:hover{background-color:var(--text-color)}#reset-confirm-btn{background-color:var(--danger-color1);color:#fff}#reset-cancel-btn{background-color:var(--text-color);color:var(--inner-bg)}#reset-confirm-btn:hover{background-color:var(--danger-color2)}#reset-cancel-btn:hover{background-color:var(--text-color)}footer{margin-top:30px;text-align:center;color:var(--text-color);font-size:.9em}@media (max-width: 600px){.share-modal-content{padding:15px;width:95%;max-width:95%}.share-modal-content p,.share-url-container input[type=text],.share-url-container button{font-size:.9em}.social-share-button{font-size:.85em;padding:7px 12px}.next-steps-card,.support-me-card,.hall-of-fame-card{padding:10px 15px}.next-steps-card h3,.support-me-card h3,.hall-of-fame-card h2{font-size:1.1em}.next-steps-card p,.next-steps-card ul,.support-me-card p,.hall-of-fame-card p{font-size:.85em}#hall-of-fame-modal .share-modal-content p,#hall-of-fame-modal .share-modal-content ul{font-size:.9em}.share-modal-content .form-group input[type=text],.share-modal-content .form-group input[type=email],.share-modal-content .form-group textarea{padding:8px;font-size:.9em}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.confetti{position:absolute;width:10px;height:10px;background-color:var(--inner-bg);opacity:.9;animation:fall 3s linear forwards}.confetti:nth-child(2n){background-color:var(--outer-and-text-bg)}.confetti:nth-child(3n){background-color:var(--text-color)}.confetti:nth-child(4n){background-color:var(--coffee)}@keyframes fall{to{transform:translateY(100vh) rotate(360deg);opacity:0}}.bookmark-tip{cursor:help;text-decoration:underline dotted var(--text-color);color:var(--text-color)}.emoji{font-style:normal}.buy-coffee-btn{display:inline-block;padding:12px 25px;font-size:1.1em;font-weight:700;text-decoration:none;border-radius:8px;transition:background-color .2s,transform .1s;background-color:var(--coffee);color:var(--coffee-border-and-text);box-shadow:0 2px 5px var(--coffee-border-and-text)}.buy-coffee-btn:hover{background-color:var(--coffee-hover);transform:translateY(-2px)}.buy-coffee-btn:active{transform:translateY(0)}