html{-ms-overflow-style:none;overflow:scroll;overflow-x:hidden;scrollbar-width:none}::-webkit-scrollbar{background:#0000;width:0}::-webkit-scrollbar-thumb{background:#444e61;border-radius:1rem}body{background-color:#f0f8ff;font-family:Arial,sans-serif}h1,h2,h3,h4,h5,h6{color:#333}button{border:none;border-radius:5px;color:#fff;cursor:pointer;margin:.2rem 0}.correct{color:green}.incorrect{color:red}:root{--primary-color:#4a6fa5;--secondary-color:#6b8cae;--accent-color:#ff7e5f;--background-color:#f5f7fa;--text-color:#333;--light-gray:#e0e0e0;--success-color:#4caf50;--error-color:#f44336}*{box-sizing:border-box}*,body{margin:0;padding:0}body{background-color:#f5f7fa;background-color:var(--background-color);color:#333;color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{background-color:#4a6fa5;background-color:var(--primary-color);box-shadow:0 2px 4px #0000001a;color:#fff;padding:2rem 1rem;text-align:center}.app-header h1{font-size:2.2rem;margin:0 0 .5rem}.app-logo{display:block;height:auto;margin:0 auto 16px;max-width:300px}.standalone{--safe-area-inset-top:env(safe-area-inset-top,0);--safe-area-inset-bottom:env(safe-area-inset-bottom,0);padding-bottom:var(--safe-area-inset-bottom);padding-top:var(--safe-area-inset-top)}.offline-banner{animation:slideDown .3s ease-out;background-color:#ff9800;box-shadow:0 2px 10px #0003;color:#fff;font-size:.95rem;justify-content:center;left:0;right:0;text-align:center;top:0}.install-banner,.offline-banner{align-items:center;display:flex;padding:.75rem 1rem;position:fixed;z-index:1000}.install-banner{animation:slideUp .3s ease-out;background:#fff;border-radius:8px;bottom:1rem;box-shadow:0 4px 12px #00000026;left:1rem;right:1rem}.install-content{align-items:center;color:#333;display:flex;flex:1 1;font-size:.95rem}.install-button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;margin-left:1rem;padding:.4rem .8rem;transition:background-color .2s}.install-button:hover{background-color:#3a7bc8}.dismiss-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;line-height:1;margin-left:.5rem;padding:0 .5rem}.dismiss-button:hover{color:#333}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.standalone .app-content{padding-top:0}body:not(.standalone) .app-content{padding-top:3rem}@media (max-width:480px){.install-banner{flex-direction:column;padding:1rem;text-align:center}.install-content{flex-direction:column;gap:.5rem}.install-button{margin:.5rem 0 0;width:100%}.dismiss-button{position:absolute;right:.5rem;top:.5rem}}.app-content{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem 1rem;width:100%}.coming-soon-message,.error-message,.loading-message{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;grid-column:1/-1;margin:2rem 0;max-width:800px;padding:3rem 2rem;text-align:center;width:100%}.loading-message{align-items:center;color:#4a6fa5;display:flex;flex-direction:column;font-size:1.5rem;gap:1rem}.error-message{background-color:#ffebee;border-left:4px solid #d32f2f;border-radius:4px;color:#d32f2f;margin:0 auto 1rem;max-width:1400px;padding:2rem;text-align:center}.coming-soon-message{align-items:center;background:linear-gradient(135deg,#f5f7fa,#eef2f5);border:2px dashed #c5d9f1;border-radius:8px;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin:2rem auto;max-width:800px;padding:4rem 2rem;text-align:center}.coming-soon-message p{color:#4a5568;font-size:1.2rem;line-height:1.6;margin:.5rem 0}.quiz-card-wrapper{justify-content:center}.quiz-card,.quiz-card-wrapper{display:flex;height:100%;width:100%}.quiz-card{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 8px 16px #00000014;cursor:pointer;flex-direction:column;font-family:inherit;max-width:300px;overflow:hidden;padding:0;position:relative;text-align:left;transition:all .3s ease}.quiz-card:not(:disabled):hover{border-color:#6aa8ff4d;box-shadow:0 12px 24px #0000001f;transform:translateY(-5px)}.quiz-card:not(:disabled):hover .quiz-image img{transform:scale(1.05)}.quiz-card:disabled{box-shadow:0 4px 6px #0000001a!important;cursor:not-allowed;opacity:.7;transform:none!important}.quiz-image{background:linear-gradient(45deg,#f0f4f8,#e1e8f0);height:160px;overflow:hidden;position:relative}.quiz-image-placeholder{align-items:center;background:linear-gradient(45deg,#4a6fa5,#6b8cae);color:#fff;display:flex;font-size:4rem;font-weight:700;height:100%;justify-content:center;letter-spacing:2px;text-transform:uppercase;width:100%}.quiz-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.quiz-info{background:#fff;display:flex;flex-direction:column;flex-grow:1;padding:1.5rem;position:relative;z-index:1}.quiz-info h2{color:#2d3748;font-size:1.3rem;font-weight:600;margin:0 0 .5rem}.quiz-info p{color:#4a5568;flex-grow:1;margin:0 0 1rem}.quiz-tag{align-self:flex-start;background-color:#e2e8f0;border-radius:9999px;color:#4a5568;display:inline-block;margin-right:.5rem;margin-top:auto;padding:.3rem .8rem;transition:all .2s ease}.quiz-tag,.quiz-time{font-size:.8rem;font-weight:500}.quiz-time{color:#718096}.start-button{background:linear-gradient(135deg,#4a6fa5,#6b8cae);border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:600;margin-top:1rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-align:center;text-decoration:none;transition:all .3s ease;width:100%;z-index:1}.start-button:not(:disabled):hover{background:linear-gradient(135deg,#3a5a80,#5a7a9e);box-shadow:0 4px 12px #4a6fa54d;transform:translateY(-2px)}.start-button:active:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.start-button:disabled{background:#e2e8f0;box-shadow:none;color:#a0aec0;cursor:not-allowed;transform:none}.badge{align-self:flex-start;background-color:#ff7e5f;background-color:var(--accent-color);border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin:0 0 1rem;padding:.25rem .75rem;text-transform:uppercase}.app-footer{background-color:#4a6fa5;background-color:var(--primary-color);color:#fff;margin-top:2rem;padding:1.5rem;text-align:center}.error-message,.loading-container,.no-questions,.quiz-complete{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:2rem auto;max-width:600px;padding:2rem;text-align:center}.loading-spinner{border:4px solid #0000001a;border-top-color:#ff7e5f;border-top:4px solid var(--accent-color);margin:0 auto 1rem}.quiz-card-container{grid-gap:1.5rem;box-sizing:border-box;display:grid;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0 auto;max-width:1200px;padding:1rem;width:100%}.quiz-card:focus{outline:3px solid #ff7e5f;outline:3px solid var(--accent-color);outline-offset:2px}@media (max-width:768px){.quiz-card-container{gap:1rem;grid-template-columns:repeat(2,1fr);padding:1rem}.app-header h1{font-size:1.8rem}.quiz-card{margin:0;max-width:100%}.quiz-image{height:140px}}@media (max-width:470px){.quiz-card-container{gap:1rem;grid-template-columns:1fr;max-width:100%;padding:.75rem}.quiz-card{max-width:100%;width:100%}.quiz-image{height:160px}}.quiz-feedback{border-radius:6px;font-weight:500;margin-top:1rem;padding:1rem}.quiz-feedback.correct{background-color:#4caf501a;color:#4caf50;color:var(--success-color)}.quiz-feedback.incorrect{background-color:#f443361a;color:#f44336;color:var(--error-color)}.mcq-container{box-sizing:border-box;font-family:Comic Sans MS,Segoe UI,sans-serif;margin:0 auto;max-width:100%;padding:.2rem}.options-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1000px}.options-grid.mobile{grid-template-columns:1fr}.option{align-items:center;background:#fff;border:3px solid #e0e0e0;border-radius:16px;box-shadow:0 3px 6px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:center;outline:none;overflow:hidden;padding:.5rem;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1)}.option:focus-visible{border-color:#144781;box-shadow:0 0 0 3px #4a90e24d;transform:translateY(-2px)}.option:not(:disabled):not(.selected):hover{background-color:#fde2f3;border-color:#f859f3;box-shadow:0 8px 20px #00000026;transform:translateY(-5px)}.option:not(:disabled):not(.selected):active{transform:translateY(-1px);transition:transform .1s ease}.option.selected{background-color:#fbf9d6;border-color:#f8d06b;box-shadow:0 4px 12px #e2cb4a33;transform:translateY(-2px)}.option.correct{animation:pulse .5s ease-in-out;background-color:#e8f5e9;border-color:#4caf50;box-shadow:0 4px 12px #4caf5033;color:#2e7d32}.option.correct .option-text{color:#075226}.option.correct .option-text:after{color:#48bb78;content:"✓";display:inline-block;font-size:1.8rem;font-weight:700;margin-left:.5rem}.option.incorrect{animation:shake .4s ease-in-out;background-color:#ffebee;border-color:#f44336;color:#c62828;text-decoration:line-through}.option.incorrect .option-text{color:#720808}.option.incorrect .option-text:after{color:#e53e3e;content:"✕";display:inline-block;font-size:1.8rem;font-weight:700;margin-left:.5rem;text-decoration:none}.option:disabled{box-shadow:0 2px 5px #0000000d!important;cursor:not-allowed;opacity:.7;transform:none!important}.option-text{color:#2c3e50;font-size:2rem;font-weight:600;line-height:1.4;margin:0;text-align:center}.option-text.large{font-size:3rem}.option-image-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.option-image{max-height:9rem;max-width:100%;object-fit:contain}.option-image-label{background:#fffc;border-radius:4px;color:#2c3e50;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.25rem .5rem;text-align:center}@keyframes pulse{0%{transform:translateY(-2px) scale(1)}50%{transform:translateY(-2px) scale(1.02)}to{transform:translateY(-2px) scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media (max-width:768px){.option{min-height:100px}.option-image{max-height:100px}}@media (max-width:480px){.option{min-height:90px}.option-image{max-height:80px}}.match-container{color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1000px}.match-container.submitted .match-item{cursor:default;pointer-events:none}.match-container.submitted .match-item:hover{background-color:inherit;box-shadow:none;transform:none}.match-container.submitted .remove-match{display:none}.match-question{text-align:center}.match-areas{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 .2rem}.match-column{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 6px #00000014;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s ease}.match-column h3{background:linear-gradient(135deg,#4a6fa5,#3a5a80);box-shadow:0 2px 4px #0000001a;color:#fff;font-size:1.2rem;font-weight:600;letter-spacing:.5px;margin:0;padding:14px 15px;text-align:center;text-shadow:0 1px 2px #0000001a}.match-column:hover{box-shadow:0 6px 12px #00000014,0 2px 4px #0000000f;transform:translateY(-2px)}.match-items{display:flex;flex:1 1;flex-direction:column;gap:.2rem;list-style:none;margin:0;overflow-y:auto;padding:.5rem}.match-item-container{list-style:none;padding:0;position:relative;width:100%}.match-item-wrapper{display:block;margin:0;padding:0;position:relative;transition:all .2s ease;width:100%}.match-item-wrapper.matched{opacity:1}.match-item{-webkit-appearance:none;appearance:none;background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;color:#333;cursor:pointer;font-size:1rem;height:5em;margin:0 0 .2rem;padding:.2rem .5rem;position:relative;text-align:left;transition:all .2s ease}.match-item,.match-item-content{align-items:center;display:flex;width:100%}.match-item-content{height:100%;justify-content:center}.match-option-text{font-size:1.4rem;font-weight:600;padding:0 10px;word-break:break-word}.match-option-image{border-radius:4px;height:100%;object-fit:contain}.match-item:not(.matched):not(:disabled):focus,.match-item:not(.matched):not(:disabled):hover{background-color:#fde2f3;border-color:#f859f3;box-shadow:0 3px 6px #0000001a;outline:none;transform:translateY(-2px);z-index:1}.match-item:disabled{cursor:not-allowed;opacity:.7}.match-item.matched{cursor:default;padding-right:40px}.remove-match{background:#0000;border:none;border-radius:50%;color:#b06464;cursor:pointer;font-size:1.2em;font-weight:700;line-height:1.1em;margin:0;padding:0;position:absolute;right:.5em;text-align:center;top:50%;transform:translateY(-60%);transition:all .2s ease;width:1.2em}.remove-match .sr-only{display:none}.remove-match:hover{border:1px solid #ea1f11;color:#ea1f11;font-weight:700}.match-item.correct .match-option-text{color:#0b8a40}.match-item.correct .match-option-text:after{color:#48bb78;content:"✓";display:inline-block;font-size:1.2rem;font-weight:700;margin-left:.5rem}.match-item.incorrect .match-option-text{color:#c91414;text-decoration:line-through}.match-item.incorrect .match-option-text:after{color:#e53e3e;content:"✕";display:inline-block;font-size:1.2rem;font-weight:700;margin-left:.5rem;text-decoration:none}.match-item.pair-1{background-color:#eadbf3;border:.1em solid #9610e8;border-left-width:.3em}.match-item.pair-2{background-color:#f3f3db;border:.1em solid #aaaa0a;border-left-width:.3em}.match-item.pair-3{background-color:#d6f6f6;border:.1em solid #0a8987;border-left-width:.3em}.match-item.pair-4{background-color:#f8cfe9;border:.1em solid #770347;border-left-width:.3em}.match-item.pair-5{background-color:#e3dff1;border:.1em solid #1f0683;border-left-width:.3em}.match-item.drag-over{background-color:#f0f7ff!important;border-color:#4a90e2!important;box-shadow:0 0 0 2px #4a90e266!important;position:relative;transform:translateY(-1px) scale(1.01);transition:all .15s ease-out;z-index:10}.match-item.dragging{background:#edabab!important;border-style:dashed!important;box-shadow:0 4px 12px #00000026;cursor:grabbing!important;opacity:.8;position:relative;transform:scale(.98);transition:none;z-index:100}.match-item.dragging,.match-item.dragging *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.matched-item-container{display:flex;width:100%}.match-item:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f34d;outline:none;position:relative;z-index:2}.match-item.matched,.match-item.matched:hover{box-shadow:none;cursor:default;padding-right:40px;transform:none}@media (max-width:480px){.match-areas{align-items:center;flex-direction:column;gap:1.5rem;grid-template-columns:1fr;padding:0 10px}.match-column{max-width:100%;min-height:auto;width:100%}.match-item{padding-right:40px}.remove-match{padding:5px 0;right:5px}}.arrange-container{box-sizing:border-box;font-family:Comic Sans MS,Segoe UI,sans-serif;margin:0 auto;max-width:100%;padding:1rem}.arrange-container.submitted .arranged-item,.arrange-container.submitted .available-item{cursor:default;pointer-events:none}.arrange-container.submitted .arranged-item:hover,.arrange-container.submitted .available-item:hover{background-color:inherit!important;border-color:inherit!important;box-shadow:none!important;transform:none!important}.arrange-container.submitted .remove-item{display:none}.arrange-question{margin-bottom:2rem;text-align:center}.arrange-area{background:#f8f9fa;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:2rem;padding:1.5rem}.arrange-area h4{color:#2c3e50;font-size:1rem;margin:0 0 1rem}.draggable-item{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:14px;box-shadow:0 2px 8px #00000014;cursor:move;display:flex;justify-content:space-between;margin-bottom:.75rem;outline:none;overflow:hidden;padding:1.25rem 1.75rem;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1)}.draggable-item:focus-visible{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e24d;transform:translateY(-2px)}.draggable-item:hover{background-color:#fbf9d6;border-color:#f8d06b;box-shadow:0 6px 16px #0000001f;transform:translateY(-3px)}.draggable-item:active:not(.dragging){transform:translateY(-1px);transition:transform .1s ease}.draggable-item.dragging{background-color:#f0f7ff;box-shadow:0 4px 15px #4a90e233;opacity:.8;transform:scale(1.01) rotate(.5deg);z-index:10}.draggable-item.drag-over{background-color:#f0f7ff;border-color:#4a90e2;border-style:dashed;box-shadow:0 0 0 2px #4a90e24d}.item-content{flex:1 1}.item-content,.item-number{align-items:center;display:flex}.item-number{background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:50%;box-shadow:0 2px 5px #00000026;color:#fff;flex-shrink:0;font-size:1.1rem;font-weight:700;height:32px;justify-content:center;margin-right:1.25rem;transition:transform .2s ease,box-shadow .2s ease;width:32px}.draggable-item:hover .item-number{box-shadow:0 4px 8px #0003;transform:scale(1.1)}.item-text{color:#2c3e50;flex-grow:1;font-size:1.6rem;font-weight:500;line-height:1.5;padding:.5rem 0;transition:all .2s ease}.draggable-item:hover .item-text{transform:translateX(3px)}.item-image{background:#fff;border-radius:8px;box-shadow:0 2px 5px #00000014;flex-shrink:0;height:50px;margin-left:1.5rem;margin-right:.5rem;object-fit:contain;padding:.5rem;transition:transform .2s ease,box-shadow .2s ease;width:50px}.draggable-item:hover .item-image{box-shadow:0 4px 8px #0000001f;transform:scale(1.05)}.remove-btn{background:linear-gradient(135deg,#ff4d4f,#f5222d);border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#fff;height:30px;overflow:hidden;width:30px}.arrange-layout{display:flex;flex-direction:column;gap:1.5rem}.arranged-items-row,.available-items-row{background:#fff;border-radius:10px;box-shadow:0 2px 10px #00000014;padding:1.25rem}.arranged-items-row h4,.available-items-row h4{border-bottom:2px solid #f0f2f5;color:#2c3e50;font-size:1rem;margin:0 0 1rem;padding-bottom:.5rem}.available-items-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:.5rem}.available-item{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;color:#2c3e50;cursor:pointer;display:flex;flex-direction:column;font-size:.95rem;justify-content:center;min-height:80px;padding:.1rem;text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none}.available-item:hover{background-color:#fde2f3;border-color:#f859f3;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.available-item:active{transform:translateY(0)}.available-item-image{max-width:100%;object-fit:contain}.available-item-text{font-size:2rem;font-weight:700;line-height:1.3;width:100%;word-break:break-word}.arranged-item.correct{background-color:#f0fff4!important;border-color:#48bb78!important;border-left:6px solid #48bb78!important;color:#044e23!important;padding-right:3rem!important;position:relative}.arranged-item.incorrect,.arranged-item.wrong-position{background-color:#fff5f5!important;border-color:#f56565!important;border-left:6px solid #f56565!important;color:#720505!important;opacity:1!important;padding-right:3rem!important;position:relative}.arranged-item.wrong-position-old{background-color:#feefde!important;border-color:#ec964b!important;border-left:6px solid #ec964b!important;padding-right:3rem!important;position:relative}.arranged-item.correct:after{color:#48bb78;content:"✓"}.arranged-item.correct:after,.arranged-item.incorrect:after,.arranged-item.wrong-position:after{font-size:1.5rem;font-weight:700;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.arranged-item.incorrect:after,.arranged-item.wrong-position:after{color:#e53e3e;content:"✕"}.arranged-item.wrong-position-old:after{color:#d69e2e;content:"↔";font-size:1.5rem;font-weight:700;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.arrange-container.submitted .arranged-item{cursor:default;pointer-events:none}.arrange-items{align-content:flex-start;align-items:flex-start;background-color:#f9f9f9;border:2px dashed #e0e0e0;border-radius:8px;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem;min-height:100px;padding:1rem;transition:all .3s ease}.arranged-item{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000000d;color:#2c3e50;cursor:move;display:flex;font-size:1rem;padding:.5rem;position:relative;transition:all .2s ease}.arranged-item:hover{background-color:#fde2f3;border-color:#f859f3;box-shadow:0 2px 8px #0000001a}.arranged-item.dragging{background:#e9ecef;opacity:.5}.arranged-item-text{font-size:2.5rem;font-weight:700;margin-right:.5rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arranged-item-image{border-radius:4px;height:60px;object-fit:contain}.remove-item{align-items:center;background:none;border:none;border-radius:50%;color:#adb5bd;cursor:pointer;display:flex;font-size:1.25rem;height:24px;justify-content:center;line-height:1;margin-left:.2rem;padding:.25rem;transition:all .2s ease;width:24px}.remove-item:hover{background:#fff5f5;color:#fa5252}.empty-arrangement{color:#868e96;font-size:.95rem;font-style:italic;padding:2rem 1rem;text-align:center;width:100%}@media (max-width:768px){.arrange-container{padding:.75rem}.available-items-grid{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.available-item{font-size:.85rem;min-height:70px;padding:.5rem .25rem}.available-item-image{max-height:50px}.arranged-item-text,.available-item-text{font-size:.85rem}.arranged-item{font-size:.9rem;padding:.4rem .6rem .4rem .8rem}.arranged-item-image{height:24px;margin-right:.5rem;width:24px}.remove-item{font-size:1.1rem;height:20px;margin-left:.25rem;width:20px}}.drag-over{background-color:#f0f7ff!important;border:2px dashed #4a90e2!important}.instructions{color:#666;font-size:.9rem;font-style:italic;margin-top:.5rem;text-align:center}.quiz-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:.2rem auto;max-width:1200px;min-height:60vh;padding:.2rem;position:relative;width:100%}.quiz-content{gap:.5rem}.quiz-content,.quiz-error,.quiz-loading{display:flex;flex:1 1;flex-direction:column}.quiz-error,.quiz-loading{align-items:center;color:#4a6fa5;justify-content:center;padding:2rem;text-align:center}.quiz-error{background-color:#ffebee;border-left:4px solid #d32f2f;border-radius:8px;color:#d32f2f;margin:1rem 0;max-width:80%;padding:1.5rem;text-align:center}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #4a6fa533;border-radius:50%;border-top-color:#4a6fa5;height:40px;margin-bottom:1rem;width:40px}.retry-button{background-color:#4a6fa5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.5rem 1.5rem;transition:background-color .2s}.retry-button:hover{background-color:#3a5a80}.retry-button:focus{box-shadow:0 0 0 3px #4a6fa54d;outline:none}.back-button{align-items:center;background:#f5f7fa;border:2px solid #4a6fa5;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#4a6fa5;cursor:pointer;display:flex;font-size:0;height:40px;justify-content:center;left:auto;padding:0;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:40px;z-index:10}.back-button svg{font-size:1.2rem;margin:0}.back-button:hover{background-color:#eef2f7;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.back-button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.back-button:focus{box-shadow:0 0 0 3px #4a6fa54d;outline:none}.quiz-container h2{color:#333;margin-bottom:.5rem;text-align:center}.quiz-meta{margin-left:1.5rem}.question-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:.5rem;padding:.5rem}.question-count{align-items:center;border-bottom:1px solid #eee;color:#666;font-size:1.2rem;justify-content:space-between;margin:0;padding:.5rem 0}.question-count>.score{align-items:center;background:#f0f7ff;border-radius:20px;color:#4a6fa5;font-weight:700;gap:.5rem;padding:.3rem .8rem}.question-header{margin-bottom:2rem;text-align:center}.question-text{color:#2c3e50;font-size:1.5rem;font-weight:700;line-height:1.4;margin:0 0 .2rem;text-align:center}.question-text.large{font-size:2.5rem}.question-image-container{align-items:center;background:#f8f9fa;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:center;margin:.2rem auto;max-width:100%;padding:1rem}.question-image{border-radius:8px;max-height:13rem;max-width:100%;object-fit:contain}.question-image img{border-radius:4px;box-shadow:0 1px 3px #0000001a;height:auto;max-width:100%}.answer-section{margin-top:.5rem;width:100%}.feedback{animation:fadeIn .3s ease-in;border-radius:8px;font-size:1.5rem;font-weight:700;margin:0 auto;padding:.5rem;text-align:center;width:90%}.feedback.correct{background-color:#e8f5e9;border:1px solid #a5d6a7;color:#2e7d32}.feedback.incorrect{background-color:#ffebee;border:1px solid #ef9a9a;color:#c62828}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.quiz-options{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.option-button{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#2d3748;cursor:pointer;display:block;font-size:1.1rem;padding:1rem 1.5rem;text-align:left;transition:all .2s ease;width:100%}.option-button:hover{background:#f1f5f9;border-color:#cbd5e1}.option-button.selected{background:#ebf8ff;border-color:#90cdf4;color:#2b6cb0}.option-button.correct{background:#f0fff4;border-color:#9ae6b4;color:#2f855a}.option-button.incorrect{background:#fff5f5;border-color:#feb2b2;color:#c53030}.navigation-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-right:3rem;margin-top:1rem}.navigation-buttons button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;justify-content:center;min-width:120px;padding:.75rem 1.5rem;transition:all .2s ease}.check-button{background-color:#4caf50;color:#fff}.check-button:hover{background-color:#388e3c}.check-button:disabled{background-color:#a5d6a7;cursor:not-allowed}.check-button:focus{box-shadow:0 0 0 3px #4caf504d;outline:none}.nav-button{border:none;border-radius:4px;cursor:pointer;padding:.6rem 1.5rem;transition:background-color .2s}.navigation-buttons button.disabled,.navigation-buttons button:disabled{background-color:#e9ecef;box-shadow:none;color:#6c757d;cursor:not-allowed;opacity:.7;transform:none}.navigation-buttons button:not(:disabled):not(.disabled):hover{box-shadow:0 2px 4px #0000001a;opacity:.9;transform:translateY(-2px)}.check-answer-button{background-color:#6c757d;color:#fff;transition:all .2s ease}.check-answer-button:not(:disabled):not(.disabled):hover{background-color:#5a6268;box-shadow:0 2px 4px #0000001a;transform:translateY(-2px)}.check-answer-button.checked{background-color:#28a745;cursor:default}.check-answer-button.disabled,.check-answer-button:disabled{background-color:#e9ecef;box-shadow:none;color:#6c757d;cursor:not-allowed;opacity:.7;pointer-events:none;transform:none}.check-answer-button:focus{box-shadow:0 0 0 3px #4caf504d;outline:none}.next-button{background-color:#007bff;color:#fff;transition:opacity .2s ease}.next-button.disabled,.next-button:disabled{background-color:#007bff;cursor:not-allowed;opacity:.7;pointer-events:none}.score-section{animation:fadeIn .5s ease-out;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:2rem auto;max-width:500px;padding:2.5rem;text-align:center}.score-section h3{align-items:center;color:#28a745;display:flex;font-size:2rem;font-weight:700;gap:.5rem;justify-content:center;margin:0 0 1rem}.score-section h3:before{content:"🎯";font-size:1.8rem}.score-section p{color:#495057;font-size:1.25rem;font-weight:500;margin:0 0 2rem}.score-section .score-display{background:#f8f9fa;border:2px solid #e9ecef;border-radius:50px;color:#2c3e50;display:inline-block;font-size:2.5rem;font-weight:700;margin:1rem 0;padding:.5rem 1.5rem}.score-section .retry-button{background:#4a6cf7;border:none;border-radius:6px;box-shadow:0 2px 8px #4a6cf733;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1rem;padding:.75rem 2rem;transition:all .2s ease}.score-section .retry-button:hover{background:#3a5bd9;box-shadow:0 4px 12px #4a6cf74d;transform:translateY(-2px)}.score-section .retry-button:active{box-shadow:0 2px 4px #4a6cf733;transform:translateY(0)}@media (max-width:768px){.question-text{font-size:1.2rem}.question-text.large{font-size:2rem}.navigation-buttons{gap:.5rem;margin-right:1.5rem;margin-top:.7rem}}@media (max-width:480px){.question-text{font-size:1rem}.question-text.large{font-size:1.5rem}}
/*# sourceMappingURL=main.c398221e.css.map*/