:root{--theme-primary: #00796b;--theme-secondary: #607d8b;--theme-accent: #004d40;--theme-text-on-primary: #ffffff;--theme-text-on-secondary: #ffffff;--theme-background: #f4f7f6;--theme-text-color: #333;--theme-h1-color: #00796b;--theme-h2-color: #004d40;--theme-h3-color: #00695c;--theme-h4-color: #00796b;--theme-question-block-bg: #e8f5e9;--theme-question-block-border: #c8e6c9;--theme-quiz-list-item-bg: #e0f2f1;--theme-quiz-list-item-hover-bg: #b2dfdb;--theme-selected-option-bg: #e0f2f1;--theme-selected-option-border: var(--theme-primary);--theme-selected-option-text: var(--theme-primary);--theme-spinner-color: var(--theme-primary);--color-error: #c62828;--color-error-bg: #ffcdd2;--color-error-border: #ef9a9a;--color-correct: #2e7d32;--color-incorrect: #c62828}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:20px 0 0;background-color:var(--theme-background);color:var(--theme-text-color);display:flex;justify-content:center;align-items:flex-start;min-height:100vh;transition:background-color .3s ease,color .3s ease}#app-root{width:100%;max-width:800px;background-color:#fff;padding:20px 30px;border-radius:8px;box-shadow:0 4px 15px #0000001a;box-sizing:border-box}header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}header h1{color:var(--theme-h1-color);margin:0;font-size:2.5em}.screen{padding:15px}h2{color:var(--theme-h2-color);margin-top:0;font-size:1.8em;margin-bottom:20px}h3{color:var(--theme-h3-color)}h4{color:var(--theme-h4-color);margin-top:15px;margin-bottom:5px}p{line-height:1.6;margin-bottom:15px}.button-container{display:flex;flex-direction:column;gap:15px;margin-top:20px}button{background-color:var(--theme-primary);color:var(--theme-text-on-primary);border:none;padding:12px 20px;font-size:1em;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .1s ease;text-transform:uppercase;letter-spacing:.5px;font-weight:600;width:100%;box-sizing:border-box}.button-container button,.quiz-form button,.screen>button{width:auto;display:inline-block;margin-right:10px}.screen>button:last-of-type{margin-right:0}.quiz-form button[type=submit],.answer-feedback-screen>button,.quiz-in-progress-screen>button[type=submit]{width:100%;margin-top:10px}button:hover{background-color:var(--theme-accent)}button:active{transform:translateY(1px)}button.secondary{background-color:var(--theme-secondary);color:var(--theme-text-on-secondary)}button.secondary:hover{background-color:color-mix(in srgb,var(--theme-secondary) 80%,black)}button.remove-question-btn{margin-top:15px!important;width:auto}.quiz-form div,.question-editor div{margin-bottom:15px}.quiz-form .form-group{margin-bottom:20px}label{display:block;margin-bottom:5px;font-weight:600;color:#555}input[type=text],textarea,select{width:calc(100% - 22px);padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1em;box-sizing:border-box;background-color:#fff;color:var(--theme-text-color)}select{width:100%;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}textarea{min-height:80px;resize:vertical}.options-container{margin-top:10px}.option-entry{display:flex;align-items:center;margin-bottom:10px}.option-entry input[type=text]{flex-grow:1;margin-right:10px}.option-entry input[type=radio]{margin-right:5px;cursor:pointer;transform:scale(1.2)}.option-entry label{font-weight:400;display:flex;align-items:center}.question-block{background-color:var(--theme-question-block-bg);padding:20px;border-radius:8px;margin-bottom:25px;border:1px solid var(--theme-question-block-border);box-shadow:0 2px 5px #0000000d}.quiz-list ul{list-style-type:none;padding:0}.quiz-list li{background-color:var(--theme-quiz-list-item-bg);padding:12px 18px;margin-bottom:12px;border-radius:6px;transition:background-color .2s ease,transform .1s ease;font-size:1.1em;color:var(--theme-text-color);display:flex;justify-content:space-between;align-items:center}.quiz-list li>span[role=button]{cursor:pointer;padding:5px 0}.quiz-list li:hover{background-color:var(--theme-quiz-list-item-hover-bg)}.share-quiz-btn{background-color:var(--theme-accent);color:var(--theme-text-on-primary);padding:6px 12px!important;font-size:.85em!important;margin-left:15px;width:auto!important;text-transform:none!important;letter-spacing:normal!important;font-weight:500!important}.share-quiz-btn:hover{background-color:color-mix(in srgb,var(--theme-accent) 80%,black)!important}.quiz-question h3{font-size:1.5em;margin-bottom:20px;color:var(--theme-h2-color)}.answer-options label{display:flex;align-items:center;background-color:#fff;padding:12px 15px;margin-bottom:10px;border-radius:6px;border:1px solid #ddd;cursor:pointer;transition:background-color .2s,border-color .2s,box-shadow .2s;font-weight:400}.answer-options label:hover{background-color:#f7f7f7;border-color:var(--theme-primary);box-shadow:0 2px 4px color-mix(in srgb,var(--theme-primary) 10%,transparent)}.answer-options input[type=radio]{margin-right:12px;transform:scale(1.3);accent-color:var(--theme-primary)}.answer-options input[type=radio]:checked+span{font-weight:700;color:var(--theme-selected-option-text)}.answer-options label.selected{background-color:var(--theme-selected-option-bg);border-color:var(--theme-selected-option-border)}.answer-options label.selected span{font-weight:700;color:var(--theme-selected-option-text)}.results-summary{text-align:center;padding:25px;background-color:var(--theme-quiz-list-item-bg);border-radius:8px;margin-bottom:20px}.results-summary h2{color:var(--theme-h1-color);margin-bottom:15px}.results-summary p{font-size:1.2em;margin:10px 0;color:var(--theme-text-color)}.error-message{color:var(--color-error);background-color:var(--color-error-bg);border:1px solid var(--color-error-border);padding:12px 15px;border-radius:4px;margin-bottom:20px;text-align:center;font-weight:500}.spinner{border:5px solid rgba(0,0,0,.1);width:40px;height:40px;border-radius:50%;border-left-color:var(--theme-spinner-color);animation:spin 1s ease infinite;margin:30px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.answer-feedback-screen{padding:20px;text-align:center}.answer-feedback-screen .feedback-message{font-size:1.5em;font-weight:700;margin-bottom:15px}.answer-feedback-screen .feedback-message.correct{color:var(--color-correct)}.answer-feedback-screen .feedback-message.incorrect{color:var(--color-incorrect)}.answer-feedback-screen p{font-size:1.1em;margin-bottom:10px}.explanation-block{background-color:color-mix(in srgb,var(--theme-background) 80%,white);border:1px solid color-mix(in srgb,var(--theme-background) 70%,#ccc);padding:15px;border-radius:5px;margin-top:20px;text-align:left}.explanation-block h4{margin-top:0;color:var(--theme-h2-color)}.custom-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:15px;box-sizing:border-box}.custom-modal-dialog{background-color:var(--theme-background);padding:25px 30px;border-radius:8px;box-shadow:0 5px 20px #0003;text-align:center;max-width:500px;width:100%;color:var(--theme-text-color)}.custom-modal-dialog p{font-size:1.1em;margin-bottom:25px;line-height:1.5;color:var(--theme-text-color)}.custom-modal-dialog .custom-modal-title-style{color:var(--theme-h2-color);font-size:1.6em;margin-top:0;margin-bottom:20px}.custom-modal-buttons{display:flex;justify-content:space-around;gap:15px}.custom-modal-buttons button{padding:10px 20px;font-size:.95em;min-width:120px;width:auto}.custom-modal-buttons button.confirm-btn{background-color:var(--theme-primary);color:var(--theme-text-on-primary)}.custom-modal-buttons button.confirm-btn:hover{background-color:var(--theme-accent)}.custom-modal-buttons button.cancel-btn{background-color:var(--theme-secondary);color:var(--theme-text-on-secondary)}.custom-modal-buttons button.cancel-btn:hover{background-color:color-mix(in srgb,var(--theme-secondary) 80%,black)}.custom-modal-buttons .copy-link-btn{width:auto!important;padding:10px 15px!important;font-size:.9em!important;margin:0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width: 600px){body{padding-top:10px}#app-root{padding:15px;margin:10px}header h1{font-size:2em}h2{font-size:1.5em}.custom-modal-dialog .custom-modal-title-style{font-size:1.3em}button{padding:10px 15px;font-size:.9em}.button-container button,.quiz-form button,.screen>button:not(.share-quiz-btn){width:100%;margin-right:0;margin-bottom:10px}.button-container button:last-of-type,.quiz-form button:last-of-type,.screen>button:last-of-type:not(.share-quiz-btn){margin-bottom:0}.quiz-list li{flex-direction:column;align-items:stretch;padding:10px}.quiz-list li>span[role=button]{margin-bottom:8px;text-align:center}.share-quiz-btn{margin-left:0;width:100%!important;padding:8px 12px!important}input[type=text],textarea,select{width:100%;box-sizing:border-box}.option-entry{flex-direction:column;align-items:flex-start}.option-entry input[type=text]{width:100%;margin-right:0;margin-bottom:5px}.answer-options label{padding:10px}.answer-options input[type=radio]{margin-right:8px}.custom-modal-dialog{padding:20px}.custom-modal-buttons{flex-direction:column}.custom-modal-buttons button{width:100%}}