:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@keyframes festiveGlow{0%,to{box-shadow:0 0 10px #ff149380,0 0 20px #00ff884d}50%{box-shadow:0 0 20px #ff1493cc,0 0 30px #0f89}}@keyframes snowfall{0%{transform:translateY(-10vh) rotate(0);opacity:1}90%{opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.7}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes heartFloat{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-100vh) scale(.5);opacity:0}}@keyframes flowerFloat{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes correctPulse{0%{transform:scale(1);box-shadow:0 0 20px #0f8c,inset 0 0 10px #00ff884d}50%{transform:scale(1.02);box-shadow:0 0 30px #0f8,inset 0 0 15px #00ff8880}to{transform:scale(1);box-shadow:0 0 20px #0f8c,inset 0 0 10px #00ff884d}}@keyframes wrongShake{0%{transform:translate(0);box-shadow:0 0 20px #ff1493cc,inset 0 0 10px #ff14934d}25%{transform:translate(-8px);box-shadow:0 0 30px #ff1493,inset 0 0 15px #ff149380}50%{transform:translate(8px);box-shadow:0 0 30px #ff1493,inset 0 0 15px #ff149380}75%{transform:translate(-8px);box-shadow:0 0 30px #ff1493,inset 0 0 15px #ff149380}to{transform:translate(0);box-shadow:0 0 20px #ff1493cc,inset 0 0 10px #ff14934d}}html{font-size:13px}body{margin:0;padding:0;height:100vh;width:100%;box-sizing:border-box}.top-banner{position:fixed;top:0;left:0;right:0;display:flex;justify-content:center;padding:10px 16px;box-sizing:border-box;z-index:9999}.top-banner-inner{width:100%;max-width:1100px;background:#00000073;color:#f8fafc;padding:10px 12px;border-radius:10px;text-align:center}.top-banner-inner p{margin:0;font-size:.95rem;line-height:1.3}.top-banner-inner a{color:#ffd166;text-decoration:underline;font-weight:700}.youtube-brand{display:inline-block;padding:6px 10px;border-radius:8px;background:linear-gradient(90deg,#7c3aed,#06b6d4);color:#fff!important;font-weight:700;text-decoration:none!important;margin-right:8px}@media(max-width:600px){.top-banner-inner p{font-size:.85rem}.top-banner-inner{padding:8px 10px;border-radius:8px}}.app-container{width:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;display:flex;justify-content:center;align-items:center;min-height:100vh;padding-bottom:var(--footer-height, 64px)}.app-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.menu-container{background:linear-gradient(135deg,#667eea,#764ba2,#ff1493 60%,#0f8);padding:60px 40px;border-radius:15px;color:#fff;text-align:center;position:relative;overflow:hidden;animation:festiveGlow 2.5s ease-in-out infinite;box-shadow:0 0 30px #ff149366,inset 0 0 30px #00ff881a;border:2px solid rgba(0,255,136,.3);display:flex;flex-direction:column;align-items:center;justify-content:center}.menu-container:before{content:"🎉 🎊 🎈 ✨ 🎊 🎉 ✨ 🎈 🎉 🎊";position:absolute;top:0;left:0;width:100%;text-align:center;font-size:2em;opacity:.6;animation:shimmer 3s ease-in-out infinite}.menu-container h1{margin-bottom:40px;font-size:2.5em;text-shadow:2px 2px 4px rgba(0,0,0,.5),0 0 10px rgba(0,255,136,.8);animation:bounce 2s ease-in-out infinite;position:relative;z-index:1}.menu-buttons{display:flex;flex-direction:column;gap:15px;position:relative;z-index:1}.menu-buttons button{padding:15px 30px;font-size:1.1em;background:linear-gradient(135deg,#0f8,#0fc);color:#667eea;border:2px solid #ff1493;border-radius:10px;cursor:pointer;font-weight:700;transition:all .3s ease;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.menu-buttons button:hover:not(:disabled){transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px #ff149366,0 0 15px #0f89;background:linear-gradient(135deg,#0fc,#0f8)}.menu-buttons button:disabled{opacity:.5;cursor:not-allowed}.share-link{margin-top:18px;background:#ffffff0f;padding:12px;border-radius:8px;display:inline-block;width:100%;box-sizing:border-box}.share-link label{display:block;font-weight:700;margin-bottom:8px}.share-row{display:flex;gap:8px}.share-row input[type=text]{flex:1;padding:8px 10px;border-radius:6px;border:none}.share-row button{padding:8px 12px;border-radius:6px;border:2px solid rgba(33,150,243,.3);background:linear-gradient(135deg,#2196f3,#42a5f5);color:#fff;cursor:pointer;font-weight:700;transition:all .3s ease}.share-row button:hover{box-shadow:0 4px 12px #2196f366;transform:translateY(-2px)}.save-set{margin-top:14px;display:flex;gap:8px}.save-set input[type=text]{flex:1;padding:8px 10px;border-radius:6px;border:none}.save-set button{padding:8px 12px;border-radius:6px;border:2px solid rgba(76,175,80,.3);background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;cursor:pointer;font-weight:700;transition:all .3s ease}.save-set button:hover:not(:disabled){box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.saved-sets{margin-top:18px;text-align:left}.saved-set-item{display:flex;flex-direction:column;padding:15px;background:#00ff880d;border-radius:12px;margin-bottom:12px;border:2px solid rgba(0,255,136,.3);transition:all .3s ease}.saved-set-item:hover{background:#00ff8814;border-color:#0f89;transform:translateY(-3px);box-shadow:0 8px 20px #0f83}:root{--footer-height: 64px}.app-footer{position:fixed;left:0;right:0;bottom:0;height:var(--footer-height);background:#001e46;color:#fff;padding:0 16px;box-sizing:border-box;z-index:9998;display:flex;align-items:center}.footer-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.follow-text{font-weight:700;font-size:.95rem}.social-icons{display:flex;align-items:center}.social-icons a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#ffffff0a;margin-left:8px;transition:transform .15s ease,background .15s ease;border:1px solid rgba(255,255,255,.04)}.social-icons a:hover{transform:translateY(-3px);background:#ffffff1a}.social-icons svg{width:18px;height:18px;fill:currentColor;color:#fff}@media(max-width:600px){.footer-inner{flex-direction:column;gap:8px;align-items:center}.social-icons a{width:40px;height:40px}}.saved-set-item .set-info{display:flex;flex-direction:column;cursor:pointer;padding:8px 0;margin-bottom:12px}.set-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.set-toggle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;color:#fff;font-size:.8em;transition:transform .3s ease;flex-shrink:0}.saved-set-item .set-info:hover .set-toggle{transform:scale(1.1)}.saved-set-item .set-info:hover strong{color:#0fc}strong{font-size:1.1em;color:#fffffff2;transition:color .3s ease}.set-meta{display:flex;gap:15px;font-size:.85em;color:#00ff88b3}.set-count{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#00ff881a;border-radius:6px;font-weight:600}.set-segments-count{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#ff14931a;border-radius:6px;color:#ff1493cc;font-weight:600;color:#fff}.set-expanded{background:#0000004d;padding:15px;border-radius:10px;border-left:3px solid rgba(0,255,136,.6);margin-bottom:12px;max-height:250px;overflow-y:auto}.set-preview{display:flex;flex-direction:column;gap:8px}.preview-question{background:linear-gradient(135deg,#00ff881a,#667eea1a);padding:12px;border-radius:8px;border-left:4px solid rgba(0,255,136,.7);font-size:.9em;margin-bottom:8px;transition:all .3s ease}.preview-question:hover{background:linear-gradient(135deg,#00ff8826,#667eea26);transform:translate(4px)}.preview-question strong{display:block;color:#0f8;margin-bottom:6px;font-size:.95em}.preview-question small{color:#ffffffbf;line-height:1.4}.preview-more{background:#00ff8814;padding:10px 12px;border-radius:8px;color:#0f8c;font-size:.85em;font-style:italic;text-align:center;margin-top:8px}.saved-set-item .set-actions{display:flex;gap:10px;flex-wrap:wrap;padding-top:8px;border-top:1px solid rgba(0,255,136,.2)}.saved-set-item .set-actions button{padding:8px 14px;border-radius:8px;border:none;cursor:pointer;font-size:.9em;font-weight:600;transition:all .3s ease;flex:1;min-width:100px;box-shadow:0 2px 8px #0003}.btn-edit{background:linear-gradient(135deg,#2196f3,#42a5f5)!important;color:#fff!important}.btn-edit:hover{box-shadow:0 4px 12px #2196f366;transform:translateY(-2px)}.btn-share{background:linear-gradient(135deg,#00bcd4,#26c6da)!important;color:#fff!important}.btn-share:hover{box-shadow:0 4px 12px #00bcd466;transform:translateY(-2px)}.btn-copy{background:linear-gradient(135deg,#4caf50,#66bb6a)!important;color:#fff!important}.btn-copy:hover{box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.saved-set-item .set-actions .btn-delete{background:linear-gradient(135deg,#f44336,#ef5350)!important;color:#fff!important}.btn-delete:hover{box-shadow:0 4px 12px #f4433666;transform:translateY(-2px)}.build-container{background:linear-gradient(135deg,#667eea,#764ba2 30%,#ff1493 70%,#0f8);padding:40px;border-radius:15px;color:#fff;position:relative;overflow:hidden;animation:festiveGlow 2.5s ease-in-out infinite;box-shadow:0 0 30px #ff14934d,inset 0 0 30px #00ff881a;border:2px solid rgba(0,255,136,.3)}.build-container h2{margin-bottom:30px;font-size:2em;position:relative;z-index:1;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.build-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;position:relative;z-index:1}.build-header h2{margin:0;flex:1}.btn-close{background:#ffffff26;border:2px solid rgba(255,255,255,.3);color:#fff;width:40px;height:40px;border-radius:50%;font-size:1.5em;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-close:hover{background:#ffffff40;border-color:#ffffff80;transform:rotate(90deg) scale(1.1)}.build-form{background:#0003;padding:25px;border-radius:12px;position:relative;z-index:1;margin-bottom:30px}.form-group{background:#ffffff14;padding:25px;border-radius:12px;margin-bottom:25px;text-align:left;border:2px solid rgba(0,255,136,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-group label{display:block;margin-bottom:12px;font-weight:600;font-size:1.05em;color:#fff;text-transform:uppercase;letter-spacing:.5px}.form-group label .required{color:#ff1493;margin-left:4px;font-weight:700}.form-group textarea,.form-group input[type=text]{width:100%;padding:14px 16px;margin-bottom:8px;border:2px solid rgba(0,255,136,.3);border-radius:8px;font-size:1em;box-sizing:border-box;background:#ffffff1f;color:#fff;font-family:inherit;transition:all .3s ease;outline:none}.form-group textarea::placeholder,.form-group input[type=text]::placeholder{color:#fff9}.form-group textarea:focus,.form-group input[type=text]:focus{border-color:#0f8c;background:#ffffff26;box-shadow:0 0 15px #00ff884d,inset 0 0 5px #00ff881a}.char-count{display:block;font-size:.85em;color:#ffffffb3;margin-top:6px;text-align:right}.form-hint{display:block;font-size:.9em;color:#0f8c;margin-top:8px;font-style:italic}.options-container{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.option-input-group{display:flex;gap:12px;align-items:center;padding:12px;background:#ffffff0f;border-radius:8px;border:1px solid rgba(0,255,136,.2);transition:all .3s ease}.option-input-group:hover{background:#ffffff14;border-color:#0f86}.option-number{display:flex;align-items:center;justify-content:center;width:35px;height:35px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;font-weight:700;color:#fff;flex-shrink:0;font-size:.95em}.option-input{flex:1;padding:12px 14px;border:2px solid rgba(0,255,136,.2);border-radius:6px;font-size:.95em;background:#ffffff1a;color:#fff;font-family:inherit;transition:all .3s ease;outline:none}.option-input::placeholder{color:#ffffff80}.option-input:focus{border-color:#00ff88b3;background:#ffffff21;box-shadow:0 0 10px #0f83}.option-input-group select{padding:10px 12px;border:2px solid rgba(76,175,80,.4);border-radius:6px;background-color:#4caf50;color:#fff;cursor:pointer;font-weight:700;font-family:inherit;transition:all .3s ease;min-width:120px;outline:none}.option-input-group select:hover{background-color:#66bb6a;border-color:#4caf50b3}.option-input-group select.correct-selected{background-color:#0f8;color:#000;font-weight:700;border-color:#0f8}.form-buttons{display:flex;gap:12px;margin-bottom:30px;margin-top:30px;flex-wrap:wrap}.btn-save,.btn-cancel,.btn-back,.btn-done{flex:1;padding:14px 20px;font-size:1em;border:2px solid transparent;border-radius:8px;cursor:pointer;font-weight:700;transition:all .3s ease;position:relative;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-save,.btn-done{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;border-color:#4caf5066}.btn-save:hover,.btn-done:hover{background:linear-gradient(135deg,#66bb6a,#81c784);box-shadow:0 6px 16px #4caf5080;transform:translateY(-3px)}.btn-cancel,.btn-back{background:linear-gradient(135deg,#f44336,#ef5350);color:#fff;border-color:#f4433666}.btn-cancel:hover,.btn-back:hover{background:linear-gradient(135deg,#ef5350,#e53935);box-shadow:0 6px 16px #f4433680;transform:translateY(-3px)}.questions-list{background:#ffffff1a;padding:20px;border-radius:8px;margin-top:20px}.questions-list h3{margin-bottom:20px;font-size:1.3em}.question-item{background:#ffffff14;padding:18px;border-radius:10px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:flex-start;gap:15px;border:1px solid rgba(0,255,136,.2);transition:all .3s ease}.question-item:hover{background:#ffffff1f;border-color:#0f86;transform:translateY(-2px)}.question-card{flex:1;display:flex;flex-direction:column;gap:12px}.question-header{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.question-number{background:linear-gradient(135deg,#ff1493,#667eea);color:#fff;padding:6px 12px;border-radius:6px;font-weight:700;font-size:.9em}.question-preview{flex:1;text-align:left}.question-text{margin:0;color:#fffffff2;font-size:.95em;line-height:1.4}.question-preview strong{display:block;margin-bottom:10px;font-size:1.05em}.btn-edit-item,.btn-delete-item{padding:6px 10px;border:none;background:transparent;border-radius:6px;font-size:1.2em;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px}.btn-edit-item{background:#2196f333;color:#2196f3;border:1px solid rgba(33,150,243,.4)}.btn-edit-item:hover{background:#2196f359;border-color:#2196f3cc;transform:scale(1.1)}.btn-delete-item{background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.4)}.btn-delete-item:hover{background:#f4433659;border-color:#f44336cc;transform:scale(1.1)}.question-meta{display:flex;flex-direction:column;gap:8px}.question-answer{display:flex;gap:8px;align-items:center;background:#00ff881a;padding:10px 12px;border-radius:6px;border-left:3px solid rgba(0,255,136,.6)}.answer-label{color:#0f8c;font-weight:600;font-size:.9em;white-space:nowrap}.answer-text{color:#ffffffe6;font-size:.9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.correct-answer{font-size:.9em;opacity:.9;margin:0;color:#a8ff60}.options-preview{font-size:.9em;opacity:.85;margin:0;display:flex;flex-direction:column;gap:5px}.options-preview span{display:block}.options-preview span.correct{color:#a8ff60;font-weight:700}.question-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;min-width:160px}.btn-edit,.btn-delete{padding:8px 15px;border:none;border-radius:5px;cursor:pointer;font-weight:700;font-size:.9em;transition:all .3s ease}.btn-edit{background:linear-gradient(135deg,#2196f3,#42a5f5);color:#fff}.btn-edit:hover{background:linear-gradient(135deg,#42a5f5,#1e88e5);box-shadow:0 4px 12px #2196f366;transform:translateY(-2px)}.btn-delete{background:linear-gradient(135deg,#f44336,#ef5350);color:#fff}.btn-delete:hover{background:linear-gradient(135deg,#ef5350,#e53935);box-shadow:0 4px 12px #f4433666;transform:translateY(-2px)}.edit-container{background:linear-gradient(135deg,#667eea,#764ba2);padding:40px;border-radius:10px;color:#fff}.edit-container h2{margin-bottom:30px;font-size:2em}.edit-container .btn-back{width:100%;max-width:200px;margin:20px auto 0}.quiz-container{width:100%;height:100%;max-width:550px;background:linear-gradient(135deg,#667eea,#764ba2 30%,#ff1493 70%,#0f8);margin:2rem 1rem;padding:40px;border-radius:15px;box-shadow:0 4px 6px #0000001a,0 0 30px #ff14934d,inset 0 0 30px #00ff881a;color:#fff;position:relative;overflow:hidden;animation:festiveGlow 2.5s ease-in-out infinite;border:2px solid rgba(0,255,136,.3)}.quiz-container h1{margin-bottom:30px;font-size:2.5em;text-shadow:2px 2px 4px rgba(0,0,0,.5),0 0 10px rgba(0,255,136,.8);animation:bounce 2s ease-in-out infinite;position:relative;z-index:1}.quiz-play{position:relative}.quiz-play .btn-exit{position:absolute;top:-10px;right:12px}.quiz-play .btn-exit{padding:8px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:2px solid rgba(0,255,136,.3);border-radius:8px;font-size:.95em;font-weight:700;cursor:pointer;transition:all .18s ease;text-transform:none;box-shadow:0 6px 14px #667eea40;display:inline-flex;align-items:center;justify-content:center}.quiz-play .btn-exit:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 22px #667eea59;border-color:#0f89}.quiz-section{background:#ffffff14;padding:35px 30px;border-radius:12px;margin-bottom:25px;width:100%;border:2px solid rgba(0,255,136,.2);box-sizing:border-box}.question-section{margin-bottom:35px}.question-text{font-size:1.8em;margin-bottom:30px;font-weight:700;line-height:1.5;color:#fffffffa;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.answer-section{display:flex;flex-direction:column;gap:12px}.answer-button{padding:16px 20px;background:linear-gradient(135deg,#00ff8826,#ff149326);border:2px solid rgba(0,255,136,.4);color:#fff;font-size:1.05em;border-radius:10px;cursor:pointer;transition:all .3s ease;font-weight:500;display:flex;align-items:center;gap:12px;text-align:left}.option-letter{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;font-weight:700;font-size:.9em;flex-shrink:0}.option-text{flex:1;display:block}.answer-button:hover{background:linear-gradient(135deg,#00ff8840,#ff149333);transform:translate(8px);border-color:#0ff;box-shadow:0 6px 16px #00ff884d,inset 0 0 8px #00ff881a}.answer-button:active{transform:translate(6px) scale(.98)}.answer-button:disabled{cursor:not-allowed;opacity:.8}.answer-button.correct-answer{border-color:#0f8;border-width:3px;background:linear-gradient(135deg,#00ff8859,#00ff8840);box-shadow:0 0 20px #0f8c,inset 0 0 10px #00ff884d;animation:correctPulse .6s ease-out}.answer-button.wrong-answer{border-color:#ff1493;border-width:3px;background:linear-gradient(135deg,#ff149359,#ff149340);box-shadow:0 0 20px #ff1493cc,inset 0 0 10px #ff14934d;animation:wrongShake .6s ease-out}.score-section{background:#ffffff14;padding:45px;border-radius:12px;text-align:center;border:2px solid rgba(0,255,136,.3);min-height:60vh;display:flex;align-items:center;justify-content:center}.score-content{width:100%}.score-section h2{font-size:2.5em;margin-bottom:35px;text-shadow:2px 2px 6px rgba(0,0,0,.5),0 0 15px rgba(0,255,136,.6);animation:bounce 1s ease-in-out}.score-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:35px}.stat-box{background:#00ff881a;padding:25px 20px;border-radius:10px;border:2px solid rgba(0,255,136,.3);transition:all .3s ease}.stat-box:hover{background:#00ff8826;border-color:#0f89;transform:translateY(-5px);box-shadow:0 8px 20px #0f83}.stat-label{display:block;font-size:.9em;color:#0f8c;text-transform:uppercase;font-weight:600;margin-bottom:10px;letter-spacing:1px}.stat-value{display:block;font-size:2.2em;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.stat-value.percentage{background:linear-gradient(135deg,#ff1493,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:2.5em}.score-feedback{margin-bottom:35px;min-height:50px}.score-feedback p{font-size:1.5em;margin:0;font-weight:700;animation:bounce .6s ease-in-out}.feedback-excellent{color:gold;text-shadow:0 0 10px rgba(255,215,0,.8)}.feedback-good{color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.8)}.feedback-ok{color:#fff;text-shadow:0 0 10px rgba(255,20,147,.6)}.wheel-section{margin-top:30px;padding-top:30px;border-top:2px solid rgba(0,255,136,.2)}.wheel-message{font-size:1.3em;margin-bottom:25px;color:#00ff88e6}.btn-menu{padding:14px 40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:2px solid rgba(0,255,136,.3);border-radius:8px;font-size:1.05em;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn-menu:hover{transform:scale(1.08) translateY(-3px);box-shadow:0 8px 20px #667eea80;border-color:#0f89}.progress-section{margin-bottom:30px}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 5px}.progress-text{font-size:1em;color:#ffffffd9;font-weight:600}.progress-percentage{font-size:.95em;color:#00ff88e6;font-weight:700}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:10px;overflow:hidden;border:1px solid rgba(0,255,136,.3)}.progress-fill{height:100%;background:linear-gradient(90deg,#0f8,#0fc,#667eea);border-radius:10px;transition:width .5s ease;box-shadow:0 0 10px #0f89}.spin-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;z-index:1;width:100%}.wheel-container{position:relative;width:260px;height:260px;filter:drop-shadow(0 0 15px rgba(255,215,0,.4))}.segment-label{position:absolute;transform-origin:center center;width:auto;white-space:nowrap;text-align:center;color:#fff;font-size:.85em;font-weight:700;pointer-events:none;text-shadow:1px 1px 3px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.8);max-width:70px;padding:4px 2px;border-radius:3px}.segment-label .segment-text{display:inline-block;max-width:100px;white-space:normal}.wheel{width:100%;height:100%;border-radius:50%;border:6px solid rgba(255,255,255,.3);background:conic-gradient(#c41e3a 0deg 45deg,gold 45deg 90deg,#2d5a3d 90deg 135deg,#e91e63 135deg 180deg,#ff6b35 180deg 225deg,#00bcd4 225deg 270deg,#9c27b0 270deg 315deg,#ffed4e 315deg 360deg);transition:transform 4s cubic-bezier(.17,.67,.3,1)}.pointer{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:28px;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.8);animation:bounce .6s ease-in-out infinite}.spin-controls{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:2px;flex-direction:row}.spin-controls button{padding:12px 20px;border-radius:8px;border:2px solid rgba(255,215,0,.4);background:linear-gradient(135deg,gold,#ffed4e);color:#1a472a;cursor:pointer;font-weight:700;transition:all .3s ease;box-shadow:0 4px 8px #0003}.spin-controls button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 15px #ffd70066,0 0 10px #c41e3a4d}.spin-controls button:disabled{opacity:.6;cursor:not-allowed}.spin-result{margin-top:12px;font-weight:700;color:#0f8;font-size:1.1em;text-shadow:1px 1px 2px rgba(0,0,0,.5);animation:pulse 1s ease-in-out infinite}.celebration-popup{position:absolute;top:50%;left:20%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#ff1493,#ff69b4,#0f8);padding:40px;border-radius:20px;text-align:center;z-index:9999;box-shadow:0 0 50px #ff1493cc;animation:bounce .6s ease-in-out infinite;border:3px solid #00ffcc;min-width:300px}.celebration-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5em;color:#fff;cursor:pointer;padding:5px}.celebration-popup h2{font-size:3em;color:#fff;text-shadow:3px 3px 6px rgba(0,0,0,.5);margin:0 0 10px;animation:wiggle .5s ease-in-out infinite}.celebration-popup p{font-size:1.3em;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.celebration-overlay{position:fixed;inset:0;background:#00000080;z-index:9998}.confetti-item{position:fixed;pointer-events:none;font-size:2em}.heart{animation:heartFloat 3s ease-out forwards;color:#ff1493}.flower{animation:flowerFloat 4s ease-out forwards}.confetti-piece{animation:confetti 3s ease-out forwards}@media(max-width:768px){html{font-size:14px}.menu-container,.build-container,.quiz-container{border-radius:12px}.menu-container h1{font-size:2em;margin-bottom:30px}.build-container h2,.quiz-container h1{font-size:1.8em;margin-bottom:25px}.menu-buttons{gap:12px}.menu-buttons button{padding:12px 20px;font-size:1em;width:100%}.question-text{font-size:1.4em;margin-bottom:25px}.answer-button{padding:14px 15px;font-size:.95em;gap:10px}.option-letter{min-width:32px;height:32px;font-size:.85em}.option-text{word-break:break-word}.form-group{padding:20px;margin-bottom:20px}.form-group input[type=text],.form-group textarea{padding:10px;font-size:1em}.option-input-group{flex-direction:row;gap:10px}.option-input-group input{flex:1}.option-input-group select{min-width:110px}.form-buttons{flex-direction:column;gap:10px}.btn-save,.btn-cancel,.btn-back,.btn-done{width:100%}.score-section{padding:35px 20px;min-height:auto}.score-section h2{font-size:2em;margin-bottom:30px}.score-stats{grid-template-columns:repeat(2,1fr);gap:15px}.stat-box{padding:20px 15px}.stat-value{font-size:1.8em}.stat-value.percentage{font-size:2em}.score-feedback p{font-size:1.3em}.progress-info{flex-direction:column;gap:8px;align-items:flex-start}.progress-text{font-size:.95em}.progress-section{margin-bottom:25px}.celebration-popup{min-width:250px;padding:30px 20px;min-height:auto}.celebration-popup h2{font-size:2.2em;margin-bottom:15px}.celebration-popup p{font-size:1.1em}.wheel-container{width:200px;height:200px}.segment-label{width:120px;font-size:.75em}.spin-controls{flex-direction:row;gap:10px;flex-wrap:wrap;justify-content:center}.spin-controls button{padding:10px 18px;font-size:.95em}.question-item{flex-direction:column;gap:12px}.question-actions{width:100%;justify-content:space-between}.build-header{flex-wrap:wrap;gap:10px}.btn-close{width:36px;height:36px;font-size:1.3em}.multi-quiz-summary{padding:18px;margin-bottom:25px}.multi-quiz-summary h3{font-size:1.15em;margin-bottom:15px}.summary-box{padding:14px}.summary-box p{font-size:1em;margin:8px 0}.quiz-series-info{font-size:.9em;padding:10px 12px;margin-top:10px}}@media(max-width:480px){.menu-container{width:100%;border-radius:10px;margin:10px;padding:60px 25px}.menu-container h1{font-size:1.5em;margin-bottom:25px;word-break:break-word}.menu-container:before{font-size:1.5em}.menu-content{width:100%}.menu-buttons{gap:10px;width:100%}.menu-buttons button{padding:12px;font-size:.95em;width:100%;border-radius:8px}.question-count-badge{display:block;font-size:.8em}.build-container{padding:18px 12px;border-radius:10px;overflow:visible}.build-container h2{font-size:1.3em;margin-bottom:18px}.build-header{flex-direction:row;gap:8px;align-items:flex-start;justify-content:space-between}.build-header h2{flex:1;margin:0;font-size:1.3em;word-break:break-word}.btn-close{width:32px;height:32px;font-size:1.2em;flex-shrink:0;min-width:32px}.build-form{padding:12px;border-radius:8px;margin-bottom:18px}.form-group{padding:12px;margin-bottom:12px;border-radius:7px}.form-group label{font-size:.9em;margin-bottom:8px;letter-spacing:0px}.form-group textarea,.form-group input[type=text]{padding:10px 11px;font-size:.93em;margin-bottom:6px;border-radius:5px;line-height:1.4}.char-count{font-size:.75em;margin-top:3px}.form-hint{font-size:.8em;margin-top:4px}.options-container{gap:8px;margin-bottom:8px}.option-input-group{flex-direction:row;gap:6px;padding:8px;border-radius:5px;align-items:center}.option-number{width:30px;height:30px;font-size:.8em;flex-shrink:0}.option-input{padding:8px 10px;font-size:.88em;border-radius:4px;flex:1;min-width:0}.option-input-group select{min-width:90px;padding:6px 8px;font-size:.8em;flex-shrink:0}.form-buttons{flex-direction:column;gap:8px;margin-top:15px}.btn-save,.btn-cancel,.btn-back,.btn-done{padding:10px 12px;font-size:.85em;width:100%;border-radius:5px;min-height:40px}.questions-list{padding:12px;margin-top:12px;border-radius:8px}.questions-list h3{font-size:1.1em;margin-bottom:12px;margin-top:0}.question-item{flex-direction:column;gap:8px;padding:10px;margin-bottom:10px;border-radius:7px}.question-card{gap:8px;width:100%}.question-header{gap:6px;align-items:flex-start;width:100%}.question-number{padding:4px 8px;font-size:.75em;flex-shrink:0}.question-text{font-size:.85em;margin:0;line-height:1.3}.question-preview{gap:6px;width:100%}.question-preview strong{margin-bottom:6px;font-size:.9em}.correct-answer{font-size:.85em;margin:0}.options-preview{font-size:.8em;gap:3px}.question-actions{width:100%;gap:6px;justify-content:flex-start;padding-top:8px;border-top:1px solid rgba(0,255,136,.2)}.btn-edit-item,.btn-delete-item{min-width:28px;min-height:28px;padding:3px 5px;font-size:.9em;flex-shrink:0}.question-answer{display:flex;gap:6px;padding:8px 10px;border-radius:5px;font-size:.8em}.answer-label{font-size:.75em;white-space:nowrap;font-weight:600}.answer-text{font-size:.8em;word-break:break-word}.quiz-container{padding:20px 15px;border-radius:10px}.quiz-container h1{font-size:1.4em;margin-bottom:20px}.quiz-header{flex-direction:column;gap:12px;align-items:flex-start;margin-bottom:20px}.btn-exit{align-self:flex-end;width:32px;height:32px}.quiz-series-info{font-size:.85em;padding:8px 10px;margin-top:8px;border-radius:6px}.quiz-section{padding:20px 15px;margin-bottom:20px;border-radius:10px}.question-section{margin-bottom:25px}.question-text{font-size:1.2em;margin-bottom:20px;line-height:1.4}.answer-section{gap:10px}.answer-button{padding:12px;font-size:.9em;gap:10px;border-radius:8px}.option-letter{min-width:30px;height:30px;font-size:.8em}.option-text{font-size:.9em;word-break:break-word}.progress-section{margin-bottom:20px}.progress-info{flex-direction:column;gap:6px;padding:0 2px}.progress-text{font-size:.85em}.progress-percentage{font-size:.8em}.progress-bar{height:6px;border-radius:8px}.score-section{padding:25px 15px;min-height:auto;border-radius:10px}.score-section h2{font-size:1.5em;margin-bottom:25px;word-break:break-word}.score-stats{grid-template-columns:1fr;gap:12px;margin-bottom:25px}.stat-box{padding:18px 15px;border-radius:8px}.stat-label{font-size:.8em;margin-bottom:8px}.stat-value{font-size:1.5em}.stat-value.percentage{font-size:1.8em}.score-feedback p{font-size:1.1em;margin:0 0 10px;word-break:break-word}.multi-quiz-summary{padding:15px;margin-bottom:20px;border-radius:10px}.multi-quiz-summary h3{font-size:1.05em;margin-bottom:12px}.summary-box{padding:12px;border-radius:8px}.summary-box p{font-size:.95em;margin:8px 0}.wheel-container{width:150px;height:150px;margin:0 auto}.segment-label{font-size:.65em;width:100px}.spin-controls{flex-direction:row;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:15px}.spin-controls button{padding:10px 14px;font-size:.85em;border-radius:6px;flex:1;min-width:120px}.spin-result{font-size:.95em;margin-top:10px}.wheel-section{margin-top:20px;padding-top:20px}.wheel-message{font-size:1.05em;margin-bottom:15px}.celebration-popup{min-width:200px;padding:20px 15px;border-radius:15px;min-height:auto}.celebration-close{font-size:1.2em;padding:3px}.celebration-popup h2{font-size:1.8em;margin-bottom:10px}.celebration-popup p{font-size:1em}.btn-menu{padding:12px 24px;font-size:.95em;width:100%;max-width:none;border-radius:6px}.save-set-section{margin-top:20px}.save-set-section h3{font-size:1.1em;margin-bottom:15px}.save-set{flex-direction:column;gap:8px}.save-set input[type=text]{padding:10px;font-size:.95em;border-radius:6px}.save-set button{width:100%;height:20px;padding:10px;font-size:.95em;border-radius:6px}.saved-sets{margin-top:15px}.saved-set-item{padding:12px;margin-bottom:10px;border-radius:8px}.set-header{gap:8px;margin-bottom:8px}.set-toggle{width:22px;height:22px;font-size:.75em}strong{font-size:1em}.set-meta{gap:10px;font-size:.8em;flex-direction:column}.set-count,.set-segments-count{width:fit-content;padding:3px 8px;font-size:.75em}.set-expanded{padding:12px;margin-bottom:10px;max-height:200px;border-radius:8px}.preview-question{padding:10px;margin-bottom:6px;border-radius:6px;font-size:.85em}.preview-question strong{margin-bottom:4px;font-size:.9em}.preview-question small{font-size:.8em;line-height:1.3}.preview-more{padding:8px 10px;font-size:.8em;margin-top:6px}.saved-set-item .set-actions{gap:8px;flex-wrap:wrap;padding-top:8px}.saved-set-item .set-actions button{padding:8px 10px;font-size:.85em;flex:0 0 calc(50% - 4px);min-width:auto;border-radius:6px}.share-link-section{padding:15px;margin-top:20px;border-radius:10px}.share-link-section h3{font-size:1.05em;margin-bottom:12px}.share-link{flex-direction:column;gap:8px}.share-link input{padding:10px 12px;font-size:.85em;border-radius:6px;word-break:break-all}.share-link .btn-copy{padding:10px 12px;font-size:.9em;width:100%}.generate-all-links{margin-bottom:15px;padding:12px;border-radius:8px}.btn-generate-all{padding:11px 15px;font-size:.9em;width:100%;border-radius:6px}}.share-link-section{margin-top:30px;padding:25px;background:linear-gradient(135deg,#667eea1a,#00ff881a);border-radius:12px;border:2px solid rgba(0,255,136,.4);box-shadow:0 8px 24px #00ff8826;animation:festiveGlow 3s ease-in-out infinite}.share-link-section h3{margin-top:0;margin-bottom:20px;color:#0fc;font-size:1.3em;text-shadow:0 2px 10px rgba(0,255,136,.3)}.share-link{display:flex;gap:12px;align-items:stretch}.share-link input{flex:1;padding:14px 18px;background:#0000004d;border:2px solid rgba(0,255,136,.4);border-radius:10px;color:#0fc;font-family:Courier New,monospace;font-size:.95em;transition:all .3s ease;word-break:break-all}.share-link input:focus{outline:none;border-color:#0fc;box-shadow:0 0 15px #0f86;background:#00000080}.share-link input::selection{background:#00ff884d;color:#0fc}.share-link .btn-copy{padding:14px 24px;background:linear-gradient(135deg,#0f8,#0fc);color:#000;border:none;border-radius:10px;font-weight:600;font-size:1em;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00ff884d;white-space:nowrap}.share-link .btn-copy:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00ff8880}.share-link .btn-copy:active{transform:translateY(-1px)}@media(max-width:768px){.share-link-section{padding:20px;margin-top:25px}.share-link{flex-direction:column;gap:10px}.share-link input{padding:12px 16px;font-size:.9em}.share-link .btn-copy{padding:12px 20px;width:100%}}@media(max-width:480px){.share-link-section{padding:18px;margin-top:20px}.share-link-section h3{font-size:1.1em;margin-bottom:16px}.share-link input{padding:11px 14px;font-size:.85em}.share-link .btn-copy{padding:11px 18px;font-size:.95em}}.generate-all-links{margin-bottom:20px;padding:15px;background:linear-gradient(135deg,#00ff8814,#ff149314);border-radius:10px;border:2px solid rgba(0,255,136,.3)}.btn-generate-all{width:100%;padding:14px 20px;background:linear-gradient(135deg,#0f8,#0fc);color:#000;border:none;border-radius:10px;font-weight:600;font-size:1em;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00ff884d}.btn-generate-all:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00ff8880}.btn-generate-all:active{transform:translateY(-1px)}@media(max-width:768px){.generate-all-links{margin-bottom:18px;padding:12px}.btn-generate-all{padding:12px 18px;font-size:.95em}}.quiz-series-info{font-size:.95em;color:#0fc;margin-top:10px;padding:10px 15px;background:#00ff881a;border-radius:8px;border-left:3px solid #00ffcc}.quiz-series-info strong{color:#0f8}.multi-quiz-summary{margin-bottom:25px;padding:20px;background:linear-gradient(135deg,#00ff881a,#667eea1a);border-radius:12px;border:2px solid rgba(0,255,136,.4)}.multi-quiz-summary h3{margin-top:0;margin-bottom:15px;color:#0fc;font-size:1.2em}.summary-box{background:#0000004d;padding:15px;border-radius:10px;border-left:4px solid rgba(0,255,136,.6)}.summary-box p{margin:10px 0;font-size:1.05em;color:#ffffffe6}.summary-box strong{color:#0f8}@media(max-width:768px){.quiz-series-info{font-size:.9em;padding:8px 12px;margin-top:8px}.multi-quiz-summary{padding:15px;margin-bottom:20px}.multi-quiz-summary h3{font-size:1.1em;margin-bottom:12px}.summary-box{padding:12px}.summary-box p{font-size:1em;margin:8px 0}}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:40px;text-align:center}.loading-state p{font-size:1.2em;color:#0fc;margin-bottom:30px;animation:pulse 1.5s ease-in-out infinite}.loading-state .btn-menu{margin-top:20px}@media(max-width:320px){html{font-size:12px}.menu-container,.build-container,.quiz-container{border-radius:8px}.menu-container h1{font-size:1.3em;margin-bottom:20px}.build-container h2,.quiz-container h1{font-size:1.2em;margin-bottom:15px}.menu-buttons button{padding:10px;font-size:.9em}.question-text{font-size:1em;margin-bottom:15px}.answer-button{padding:10px;font-size:.85em;gap:8px}.option-letter{min-width:28px;height:28px;font-size:.75em}.form-group{padding:12px;margin-bottom:12px}.form-group label{font-size:.9em;margin-bottom:8px}.form-group textarea,.form-group input[type=text]{padding:8px 10px;font-size:.9em}.option-input-group{gap:6px;padding:8px}.option-number{width:28px;height:28px;font-size:.75em}.option-input{padding:8px;font-size:.85em}.option-input-group select{min-width:90px;padding:6px 8px;font-size:.8em}.btn-save,.btn-cancel,.btn-back,.btn-done{padding:10px 12px;font-size:.85em}.score-section{padding:20px 12px}.score-section h2{font-size:1.3em;margin-bottom:20px}.score-stats{grid-template-columns:1fr;gap:10px}.stat-box{padding:15px 12px}.stat-value{font-size:1.3em}.stat-value.percentage{font-size:1.5em}.score-feedback p{font-size:1em}.celebration-popup{min-width:180px;padding:15px 12px}.celebration-close{font-size:1em;padding:2px}.celebration-popup h2{font-size:1.5em;margin-bottom:8px}.wheel-container{width:120px;height:120px}.segment-label{font-size:.6em;width:90px}.spin-controls button{padding:8px 10px;font-size:.8em;min-width:100px}.multi-quiz-summary{padding:12px;margin-bottom:15px}.multi-quiz-summary h3{font-size:1em;margin-bottom:10px}.summary-box{padding:10px}.summary-box p{font-size:.9em;margin:6px 0}.share-link-section{padding:12px;margin-top:15px}.share-link-section h3{font-size:1em;margin-bottom:10px}.share-link input{padding:8px 10px;font-size:.8em}.share-link .btn-copy{padding:8px 10px;font-size:.85em}.btn-menu{padding:10px 18px;font-size:.9em}.saved-set-item{padding:10px;margin-bottom:8px}.set-count,.set-segments-count{padding:2px 6px;font-size:.7em}.saved-set-item .set-actions button{padding:6px 8px;font-size:.8em}.save-set input[type=text],.save-set button{padding:8px;font-size:.9em}.quiz-header{flex-direction:column;gap:10px}.btn-exit{width:28px;height:28px;font-size:1.2em}.quiz-series-info{font-size:.8em;padding:6px 8px}.progress-text{font-size:.8em}.progress-percentage{font-size:.75em}}