.analytics-dashboard{padding:20px;max-width:1200px;margin:0 auto}.analytics-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:300px;font-size:18px;gap:20px}.fancy-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.loader-icon svg{animation:rotate 2s linear infinite}.loader-circle{stroke-dasharray:80;stroke-dashoffset:60;animation:dash 1.5s ease-in-out infinite}.loader-brain{stroke-dasharray:40;stroke-dashoffset:20;animation:dash 2s ease-in-out infinite alternate}.loader-pulse{animation:pulse 1.5s ease-in-out infinite}.loader-text{margin-top:20px;font-size:18px;color:#2563eb;font-weight:500}.quiz-loader{position:relative;width:100px;height:100px;margin-bottom:10px}.quiz-icon-container{position:relative;width:100px;height:100px;display:flex;justify-content:center;align-items:center;color:#2563eb}.quiz-icon-box{stroke-dasharray:60;stroke-dashoffset:0;fill:none;animation:draw-box 2s ease-in-out infinite}.quiz-icon-line{stroke-dasharray:20;stroke-dashoffset:20;animation:draw-line 2s ease-in-out infinite}.quiz-line-2{animation-delay:.4s}.quiz-line-3{animation-delay:.6s}.quiz-loader-pulse{position:absolute;width:100%;height:100%;background:radial-gradient(circle,#2563eb33,#2563eb00 70%);border-radius:50%;animation:pulse-grow 2s ease-in-out infinite}.error-icon{margin-bottom:20px;color:#ef4444;animation:pulse 2s ease-in-out infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dashoffset:80}50%{stroke-dashoffset:30}to{stroke-dashoffset:80}}@keyframes pulse{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.1);opacity:1}to{transform:scale(.9);opacity:.7}}@keyframes pulse-grow{0%{transform:scale(.7);opacity:.3}50%{transform:scale(1.1);opacity:.5}to{transform:scale(.7);opacity:.3}}@keyframes draw-box{0%{stroke-dashoffset:60}50%{stroke-dashoffset:20}to{stroke-dashoffset:60}}@keyframes draw-line{0%{stroke-dashoffset:20}50%{stroke-dashoffset:0}to{stroke-dashoffset:20}}.loading-spinner{width:50px;height:50px;border:5px solid rgba(37,99,235,.2);border-radius:50%;border-top-color:var(--color-primary, #2563eb);animation:spin 1s linear infinite}.retry-button{background-color:var(--color-primary, #2563eb);color:#fff;border:none;margin-right:10px;padding:10px 20px;border-radius:4px;font-size:14px;cursor:pointer;margin-top:10px;transition:background-color .2s}.retry-button:hover{background-color:var(--color-primary-dark, #1d4ed8)}.retry-button-small{background-color:var(--color-primary, #2563eb);color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:12px;cursor:pointer;margin-left:10px;transition:background-color .2s}.retry-button-small:hover{background-color:var(--color-primary-dark, #1d4ed8)}.analytics-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;margin:20px auto;max-width:500px}.analytics-error p{margin-bottom:20px}.analytics-warning{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;margin-bottom:20px;border-radius:6px;font-size:15px;background-color:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.analytics-summary{display:flex;gap:20px;margin-bottom:30px}.stat-card{background-color:var(--color-card-bg, #f5f5f5);border-radius:8px;padding:20px;flex:1;box-shadow:0 4px 8px #00000026}.stat-card h3{margin-top:0;color:var(--color-text-secondary, #555);font-size:16px}.stat-card p{font-size:24px;font-weight:700;margin:10px 0 0;color:var(--color-primary, #2563eb)}.stats-cards{display:flex;gap:20px;margin-bottom:30px;flex-wrap:wrap}.stats-card{background:linear-gradient(135deg,var(--color-card-bg, #ffffff) 0%,var(--color-bg-alt, #f0f9ff) 100%);border-radius:12px;padding:20px;box-shadow:0 8px 16px #0000001a;flex:1;min-width:220px;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;border:1px solid rgba(37,99,235,.1)}.stats-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000026}.stats-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.stats-card-title{font-size:16px;color:var(--color-text-secondary, #64748b);font-weight:500}.stats-card-icon{font-size:24px;background-color:#2563eb1a;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.stats-card-value{font-size:32px;font-weight:700;color:var(--color-primary, #2563eb);margin-top:auto}@media (max-width: 768px){.stats-cards{flex-direction:column}.stats-card{width:100%}.stats-card-value{font-size:28px}}.dark-theme .stats-card{background:linear-gradient(135deg,#1e1e1e,#1e293b);border:1px solid rgba(59,130,246,.2)}.dark-theme .stats-card-icon{background-color:#3b82f633}.analytics-tabs-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid var(--color-border, #ddd)}.analytics-tabs{display:flex;border-bottom:none}.analytics-tabs button{padding:10px 20px;border:none;background:none;font-size:16px;cursor:pointer;position:relative;color:var(--color-text, #333)}.analytics-tabs button.active{color:var(--color-primary, #2563eb);font-weight:700}.analytics-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background-color:var(--color-primary, #2563eb)}.analytics-content{background-color:var(--color-card-bg, #f5f5f5);border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.question-performance h2{margin-top:0;color:var(--color-text, #333)}.question-selector{margin-bottom:20px}.select-wrapper{position:relative;display:inline-block;width:100%;max-width:500px}.themed-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:8px 30px 8px 12px;font-size:16px;border-radius:4px;border:1px solid var(--color-border, #ddd);background-color:var(--color-bg, #fff);color:var(--color-text, #333);width:100%;cursor:pointer}.select-wrapper:after{content:"▼";font-size:12px;position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-text, #333)}.question-stats{margin-top:20px}.stat-row{display:flex;align-items:center;margin-bottom:15px}.stat-label{width:200px;font-weight:700}.stat-value{flex:1}.performance-bar-container{background-color:var(--color-bg, #eee);height:25px;border-radius:13px;overflow:hidden;width:100%}.performance-bar{height:100%;background-color:var(--color-primary, #2563eb);display:flex;align-items:center;justify-content:flex-end;padding-right:10px;color:#fff;font-weight:700;transition:width .5s ease;will-change:width,height;transform:translateZ(0)}.performance-chart{margin-top:30px;display:flex;flex-direction:column}.chart-bars{display:flex;height:300px;gap:15px;align-items:flex-end;margin-bottom:20px;contain:layout}.chart-bar{flex:1;background-color:var(--color-primary, #2563eb);max-width:100px;border-radius:5px 5px 0 0;position:relative;transition:height .5s ease;display:flex;justify-content:center;will-change:width,height;transform:translateZ(0)}.chart-bar.incorrect{background-color:var(--color-danger, #ef4444)}.bar-label{position:absolute;bottom:-25px;font-size:14px;text-align:center}.chart-bar-column{display:flex;flex-direction:column;height:100%;align-items:center;position:relative}.chart-legend{display:flex;gap:20px;margin-top:30px}.legend-item{display:flex;align-items:center;gap:8px}.legend-color{width:20px;height:20px;border-radius:3px}.legend-color.correct{background-color:var(--color-primary, #2563eb)}.legend-color.incorrect{background-color:var(--color-danger, #ef4444)}.performance-tips{margin-top:30px;padding:15px;background-color:var(--color-bg-alt, #f0f9ff);border-left:4px solid var(--color-primary, #2563eb);border-radius:4px}.performance-tips h4{margin-top:0;color:var(--color-primary, #2563eb)}.performance-tips ul{margin:10px 0 0;padding-left:20px}.game-history h2{margin-top:0;color:var(--color-text, #333)}.history-table-container{overflow-x:auto}.history-table{width:100%;border-collapse:collapse;margin-bottom:30px;display:table;will-change:transform}.history-table th,.history-table td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--color-border, #ddd)}.no-games-message{padding:30px;text-align:center;background-color:var(--color-bg-alt, #f0f9ff);border-radius:8px;margin:20px 0;animation:fadeIn .5s ease-in}.no-games-message p{margin:10px 0;font-size:16px;color:var(--color-text, #333)}.no-games-message p:first-child{font-weight:700;font-size:18px}.no-data-message{padding:30px;text-align:center;background-color:var(--color-bg-alt, #f0f9ff);border-radius:8px;margin:20px 0;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.no-data-message p{margin:10px 0;font-size:16px;color:var(--color-text, #333)}.no-data-message p:first-child{font-weight:700;font-size:18px}.mini-progress-bar{background-color:var(--color-bg, #eee);height:20px;border-radius:10px;overflow:hidden;width:100%;position:relative;max-width:150px}.mini-progress-fill{height:100%;background-color:var(--color-primary, #2563eb);will-change:width,height;transform:translateZ(0)}.mini-progress-bar span{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;text-shadow:0 0 2px rgba(0,0,0,.5)}.trend-chart{display:flex;align-items:flex-end;height:200px;gap:10px;margin-bottom:30px}.trend-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.trend-bar{width:40px;background-color:var(--color-primary, #2563eb);border-radius:5px 5px 0 0;transition:height .5s ease;will-change:width,height;transform:translateZ(0)}.trend-label{margin-top:8px;font-size:12px;font-weight:600;text-align:center;color:var(--color-text, #333)}.history-stats{display:flex;gap:20px}.stat-box{flex:1;padding:15px;background-color:var(--color-bg-alt, #f0f9ff);border-radius:8px;text-align:center}.stat-box h4{margin-top:0;color:var(--color-text-secondary, #555)}.stat-box p{font-size:24px;font-weight:700;margin:10px 0 0;color:var(--color-primary, #2563eb)}.export-results h2{margin-top:0;color:var(--color-text, #333)}.export-options{display:flex;gap:30px;margin-bottom:30px}.format-selection{flex:1}.format-buttons{display:flex;flex-wrap:wrap;gap:10px}.format-btn{padding:10px 20px;border:1px solid var(--color-border, #ddd);background-color:var(--color-bg, #fff);color:var(--color-text, #333);border-radius:4px;cursor:pointer;font-size:16px;transition:all .2s}.format-btn.active{background-color:var(--color-primary, #2563eb);color:#fff;border-color:var(--color-primary, #2563eb)}.format-btn:hover:not(.active){background-color:var(--color-hover, #f9fafb)}.export-preview{flex:2}.preview-container{background-color:var(--color-bg, #fff);border:1px solid var(--color-border, #ddd);border-radius:4px;padding:15px;height:200px;overflow:auto;font-family:monospace;white-space:pre-wrap;color:var(--color-text, #333)}.preview-content{margin:0}.pdf-icon,.excel-icon{display:inline-block;padding:8px 15px;margin-bottom:10px;font-weight:700;color:#fff;border-radius:4px}.pdf-icon{background-color:#f40f02}.excel-icon{background-color:#1d6f42}.pdf-preview p,.excel-preview p{color:var(--color-text, #333)}.export-actions{margin-bottom:20px}.export-button{padding:12px 24px;background-color:var(--color-primary, #2563eb);color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .2s}.export-button:hover{background-color:var(--color-primary-dark, #1d4ed8)}.export-notes{background-color:var(--color-bg-alt, #f0f9ff);padding:15px;border-radius:4px}.export-notes h3{margin-top:0;color:var(--color-text, #333)}.export-notes ul{margin:10px 0 0;padding-left:20px}.reset-card{display:flex;flex-direction:column}.reset-card h3{margin-bottom:15px}.reset-button{background-color:var(--color-danger, #ef4444);color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.reset-button:hover{background-color:#dc2626}.reset-confirm{display:flex;flex-direction:column;gap:10px}.reset-confirm p{font-size:14px;color:var(--color-text, #333);margin:0;line-height:1.4}.reset-buttons{display:flex;gap:10px}.reset-confirm-button,.reset-cancel-button{padding:8px 15px;border:none;border-radius:4px;cursor:pointer;font-size:14px;flex:1}.reset-confirm-button{background-color:var(--color-danger, #ef4444);color:#fff}.reset-confirm-button:hover{background-color:#dc2626}.reset-confirm-button.warning{background-color:#b91c1c;font-weight:700}.reset-confirm-button.warning:hover{background-color:#991b1b}.reset-cancel-button{background-color:var(--color-bg, #f5f5f5);color:var(--color-text, #333);border:1px solid var(--color-border, #ddd)}.reset-cancel-button:hover{background-color:var(--color-hover, #f9fafb)}.reset-data-section{display:flex;align-items:center}.reset-confirm-container{display:flex;gap:10px}.reset-data-button{background-color:var(--color-danger, #ef4444);color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.reset-data-button:hover{background-color:#dc2626}.reset-error-message,.analytics-error-message{background-color:#ef44441a;color:#ef4444;padding:8px 12px;border-radius:4px;margin-bottom:15px;font-size:14px}.button-container{display:inline-block;margin-left:10px}.dark-theme{--color-bg: #121212;--color-bg-alt: #1e293b;--color-card-bg: #1e1e1e;--color-text: #e0e0e0;--color-text-secondary: #b0b0b0;--color-border: #333;--color-hover: #252525;--color-primary: #3b82f6;--color-primary-dark: #2563eb;--color-danger: #ef4444}.dark-theme .stat-card,.dark-theme .analytics-content{box-shadow:0 4px 8px #0000004d}.dark-theme .no-data-message,.dark-theme .no-games-message{background-color:var(--color-bg-alt, #1e293b)}:root{--card-shadow: 0 4px 8px rgba(0, 0, 0, .15)}@media (max-width: 768px){.analytics-summary,.history-stats,.export-options{flex-direction:column}.chart-bars{height:180px;gap:10px}.trend-chart{overflow-x:auto;padding-bottom:20px}.format-buttons{justify-content:space-between}.format-buttons button{flex:1;min-width:calc(50% - 5px)}.performance-bar,.mini-progress-fill,.chart-bar,.trend-bar{transition:none}.analytics-tabs-container{flex-direction:column;align-items:stretch}.analytics-tabs{margin-bottom:10px}.reset-data-section{margin-bottom:10px;justify-content:flex-end}.reset-confirm-container{flex:1;justify-content:flex-end}}@layer base{@keyframes bg-shift{0%{background-position:0% center}50%{background-position:100% center}to{background-position:0% center}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-container{max-width:900px;margin:2rem auto;padding:2.5rem;background:var(--surface);border-radius:1rem;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}.form-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(to right,var(--primary),var(--secondary))}.form-title{font-size:2.2rem;font-weight:700;margin-bottom:1rem;text-align:center;color:var(--text);background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.form-description{text-align:center;color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.1rem;max-width:600px;margin-left:auto;margin-right:auto}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text);font-size:1rem}.form-input{width:100%;padding:.9rem 1rem;background:var(--surface-hover);border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:var(--text);font-size:1rem;transition:all .3s ease}.form-input:focus{outline:none;box-shadow:0 0 0 2px #4f46e533}.form-input::placeholder{color:var(--text-secondary);opacity:.6}.questions-section{margin-top:3rem;margin-bottom:2rem}.questions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.8rem;border-bottom:1px solid rgba(255,255,255,.1)}.questions-title{font-size:1.5rem;font-weight:600;color:var(--text)}.question-group{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:.8rem;padding:1.8rem;margin-bottom:2rem;transition:all .3s ease;position:relative;animation:fadeIn .6s ease-out}.question-group:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-3px);border-color:#fff3}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem}.question-number{font-size:1.2rem;font-weight:600;color:var(--primary);display:flex;align-items:center;gap:.5rem}.question-number:before{content:"❓";font-size:1.3rem}.question-actions{display:flex;gap:1rem}.question-action-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:.5rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.question-action-btn:hover{background:#ef444433;transform:translateY(-2px)}.question-action-btn svg{width:16px;height:16px}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-top:1.5rem}.option-group{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:.6rem;padding:1.2rem;transition:all .3s ease}.option-group:hover{border-color:#fff3;background:#ffffff0d}.option-label{font-weight:500;margin-bottom:.8rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.option-label:before{content:attr(data-option);width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%;font-size:1.1rem;font-weight:700;color:gold;text-shadow:0 0 1px rgba(0,0,0,.5);box-shadow:0 0 5px #ffd70066}.correct-answer{display:flex;align-items:center;gap:.5rem;margin-top:1rem;background:#22c55e26;border-radius:.4rem;padding:.6rem;transition:all .3s ease;border:1px solid rgba(34,197,94,.2)}.correct-answer:hover{background:#22c55e40;border-color:#22c55e66}.correct-answer input[type=radio]{accent-color:var(--correct);width:1.5rem;height:1.5rem;cursor:pointer;margin-right:.4rem}.correct-answer label{font-size:.9rem;color:var(--text);cursor:pointer;font-weight:500}.form-btn-group{display:flex;gap:1.5rem;margin-top:3rem;flex-wrap:wrap;justify-content:center}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.9rem 1.8rem;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;background:var(--primary);color:#fff;border:none;box-shadow:0 4px 12px #4f46e533;min-width:180px;justify-content:center}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-3px);box-shadow:0 6px 15px #4f46e54d}.btn-primary:focus{outline:none;box-shadow:0 0 0 3px #4f46e54d}.btn-primary.add-question{background:var(--secondary);box-shadow:0 4px 12px #06b6d433}.btn-primary.add-question:hover{background:var(--secondary-hover);box-shadow:0 6px 15px #06b6d44d}.validation-errors{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.6rem;padding:1.2rem 1.5rem;margin-bottom:2rem}.validation-errors h3{color:#ef4444;font-weight:600;margin-top:0;margin-bottom:.8rem;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.validation-errors h3:before{content:"⚠️";font-size:1.2rem}.validation-errors ul{margin:0;padding-left:1.5rem}.validation-errors li{color:#ef4444;margin-bottom:.4rem;font-size:.95rem}.dark-theme .form-title{background:linear-gradient(90deg,#2c7be5,#25c589);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 8px rgba(44,123,229,.3);opacity:.95;font-weight:700}:root:not(.dark-theme) .form-title{background:linear-gradient(90deg,#2c7be5,#25c589);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:bg-shift 15s ease infinite;-webkit-animation:bg-shift 15s ease infinite}:root:not(.dark-theme) .correct-answer{background:#22c55e33;border:1px solid rgba(34,197,94,.3)}:root:not(.dark-theme) .correct-answer:hover{background:#22c55e4d;border-color:#22c55e80}:root:not(.dark-theme) .correct-answer label{color:#166534;font-weight:600}:root:not(.dark-theme) .btn-primary{background-color:#8e44ad;color:#fff;font-weight:600}:root:not(.dark-theme) .btn-primary:hover{background-color:#6d2c87;border-color:#6d2c87}:root:not(.dark-theme) .btn-primary.add-question{background-color:#2980b9;color:#fff;border:1px solid #2980b9}:root:not(.dark-theme) .btn-primary.add-question:hover{background-color:#1c5e8c;border-color:#1c5e8c}:root:not(.dark-theme) .form-input{background-color:#fff;border:1px solid #d1d5db;color:#1f2937}:root:not(.dark-theme) .form-input:focus{box-shadow:0 0 0 3px #8e44ad33}:root:not(.dark-theme) .form-label{color:#4b5563;font-weight:600}:root:not(.dark-theme) .form-container{background:#fff;border:1px solid #e5e7eb;box-shadow:0 10px 25px #0000001a}:root:not(.dark-theme) .question-group{background:#f9fafb;border:1px solid #e5e7eb}:root:not(.dark-theme) .option-group{background:#fff;border:1px solid #e5e7eb}:root:not(.dark-theme) .question-number{color:#8e44ad}:root:not(.dark-theme) .question-action-btn{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.3)}:root:not(.dark-theme) .option-label{color:#4b5563}:root:not(.dark-theme) .option-label:before{background:#8e44ad33;color:#b8860b;font-size:1.1rem;font-weight:700;box-shadow:0 0 8px #b8860b80;border:1px solid rgba(184,134,11,.3)}@media (max-width: 768px){.form-container{padding:2rem 1.5rem;margin:1.5rem}.form-title{font-size:1.8rem}.options-grid{grid-template-columns:1fr;gap:1rem}.form-btn-group{flex-direction:column;gap:1rem}.btn-primary{width:100%}.question-group{padding:1.5rem}}@media (max-width: 480px){.form-container{padding:1.5rem 1rem;margin:1rem}.form-title{font-size:1.5rem}.question-header{flex-direction:column;align-items:flex-start;gap:.8rem}.question-actions{width:100%}.question-action-btn{width:100%;justify-content:center}}}@layer base{@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-light{0%{transform:scale(.95) translate(0)}to{transform:scale(1.05) translate(20px,20px)}}.hero-section{text-align:center;padding:4rem 2rem;max-width:900px;margin:0 auto;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-10%;right:-10%;width:300px;height:300px;background:none;opacity:0;z-index:-1;border-radius:50%}.hero-section:after{content:"";position:absolute;bottom:-10%;left:-10%;width:250px;height:250px;background:none;opacity:0;z-index:-1;border-radius:50%}.hero-title{font-size:3.5rem;font-weight:800;color:var(--text);margin-bottom:1.5rem;line-height:1.2;background:linear-gradient(to right,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:fadeIn .8s ease forwards}.hero-description{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto;animation:fadeIn .8s ease forwards .2s;opacity:0;animation-fill-mode:forwards}.hero-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem;animation:fadeIn .8s ease forwards .4s;opacity:0;animation-fill-mode:forwards}.hero-buttons>.btn{min-width:180px;position:relative;overflow:hidden}.hero-buttons>.btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);transform:translate(-100%);transition:transform .6s}.hero-buttons>.btn:hover:after{transform:translate(100%)}.hero-buttons .btn.primary{background-color:#2c7be5;color:#fff;border:1px solid rgba(44,123,229,.5);font-weight:600}.hero-buttons .btn.primary:hover{background-color:#25c589;border-color:#25c589}.options-section{padding:2rem;max-width:1200px;margin:0 auto 4rem}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.option-card{background:var(--surface);border-radius:16px;padding:2rem;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.08);transition:var(--transition);text-decoration:none;display:block;height:100%;position:relative;overflow:hidden;animation:fadeIn .5s ease forwards;opacity:0}.option-card:nth-child(1){animation-delay:.2s}.option-card:nth-child(2){animation-delay:.4s}.option-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#2c7be5,#25c589);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.option-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #0003}.option-card:hover:before{transform:scaleX(1)}.option-content{display:flex;flex-direction:column;height:100%}.option-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.option-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:2rem;background:#ffffff1a;border-radius:12px;box-shadow:0 4px 8px #0000001a}.option-title{font-size:1.5rem;font-weight:600;color:var(--text)}.option-description{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6;flex-grow:1}.option-actions{margin-top:auto;display:flex;justify-content:flex-end}.btn.secondary{background:#2980b9;color:#fff;border:1px solid rgba(106,59,130,.5);transition:all .3s ease}.btn.secondary:hover{background:#25c589;color:#fff;border-color:#25c589;transform:translateY(-5px);box-shadow:0 10px 20px #25c5894d}.option-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text);border-radius:8px;font-weight:500;transition:var(--transition);cursor:pointer}.option-btn:hover{background:var(--primary);border-color:var(--primary);transform:translateY(-3px)}.option-btn svg{width:16px;height:16px;transition:transform .3s ease}.option-btn:hover svg{transform:translate(4px)}.mobile-menu{display:none}.mobile-menu-toggle{position:fixed;top:1rem;right:1rem;background:var(--surface);border:none;color:var(--text);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);cursor:pointer;z-index:1100;transition:var(--transition)}.mobile-menu-toggle:hover{background:var(--primary)}.mobile-menu-content{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--background);z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s ease,visibility .3s ease;opacity:0;visibility:hidden}.mobile-menu-content.active{opacity:1;visibility:visible}.mobile-menu-header{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem}.mobile-menu-close{background:none;border:none;color:var(--text);font-size:1.5rem;cursor:pointer}.mobile-menu-nav{display:flex;flex-direction:column;gap:1.5rem;text-align:center}.mobile-menu-link{color:var(--text);text-decoration:none;font-size:1.5rem;padding:.75rem 1.5rem;border-radius:8px;transition:var(--transition)}.mobile-menu-link:hover{background:var(--primary);transform:scale(1.05)}:root:not(.dark-theme) .hero-section{position:relative;overflow:visible}:root:not(.dark-theme) .hero-section:before{content:"";position:absolute;top:-30%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(44,123,229,.08) 0%,transparent 70%);opacity:1;z-index:-1;border-radius:50%;animation:pulse-light 10s ease-in-out infinite alternate}:root:not(.dark-theme) .hero-section:after{content:"";position:absolute;bottom:-20%;left:-10%;width:450px;height:450px;background:radial-gradient(circle,rgba(37,197,137,.06) 0%,transparent 70%);opacity:1;z-index:-1;border-radius:50%;animation:pulse-light 8s ease-in-out infinite alternate-reverse}:root:not(.dark-theme) .hero-title{position:relative;background:linear-gradient(90deg,#2c7be5,#25c589);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 8s ease infinite}:root:not(.dark-theme) .hero-description{position:relative;animation:fadeInUp .8s ease forwards .3s}:root:not(.dark-theme) .hero-buttons>.btn{position:relative;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}:root:not(.dark-theme) .hero-buttons>.btn.primary{background:#8e44ad;color:#fff;border:1px solid #8e44ad;font-weight:600}:root:not(.dark-theme) .hero-buttons>.btn.primary:hover{background:#6d2c87;color:#fff;border-color:#6d2c87}:root:not(.dark-theme) .btn.primary{background:#8e44ad;color:#fff;border:1px solid #8e44ad;font-weight:600}:root:not(.dark-theme) .btn.secondary{background:#0000000d;color:#000;border:1px solid rgba(0,0,0,.2)}:root:not(.dark-theme) .hero-buttons .btn.secondary{background:#6b229f;color:#fff;border:1px solid rgba(106,59,130,.5)}:root:not(.dark-theme) .hero-buttons .btn.secondary:hover{background:#6b229f;color:#fff;transform:translateY(-5px);box-shadow:0 10px 20px #25c5894d}:root:not(.dark-theme) .hero-buttons>.btn:after{content:"";position:absolute;top:-50%;left:-100%;width:200%;height:200%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);transform:rotate(45deg);transition:all .7s ease}:root:not(.dark-theme) .hero-buttons>.btn:hover{transform:translateY(-5px);box-shadow:0 10px 25px #8e44ad33}:root:not(.dark-theme) .hero-buttons>.btn:hover:after{left:100%}:root:not(.dark-theme) .option-card{border:1px solid rgba(44,123,229,.08);background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 20px #0000000d;transition:all .4s cubic-bezier(.165,.84,.44,1)}:root:not(.dark-theme) .option-card:before{background:linear-gradient(90deg,#2c7be5,#25c589)}:root:not(.dark-theme) .option-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 15px 30px #2c7be526;border-color:#2c7be533}:root:not(.dark-theme) .option-icon{background:#2c7be51a;box-shadow:0 5px 15px #2c7be51a;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}:root:not(.dark-theme) .option-card:hover .option-icon{background:#2c7be526;box-shadow:0 8px 25px #2c7be533}:root:not(.dark-theme) .option-btn{background:#0000001a;border:1px solid rgba(0,0,0,.2);color:#000}:root:not(.dark-theme) .option-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff6,#fff0);transition:all .5s ease}:root:not(.dark-theme) .option-btn:hover{background:var(--primary);color:#fff;transform:translateY(-5px) scale(1.05);background-color:#2c7be5;border-color:#2c7be5}:root:not(.dark-theme) .option-btn:hover:after{left:100%}.dark-theme .logo{background:#00000073;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:none;box-shadow:0 4px 20px #00000040;color:#1cff9a;text-shadow:0 0 6px rgba(28,255,154,.4)}.dark-theme .header{background:#000c;border-bottom:1px solid rgba(255,255,255,.1)}.dark-theme .header.scrolled{background:#121212}.dark-theme .theme-toggle-btn{background:#ffffff0d;color:#fff}.dark-theme .theme-toggle-btn:hover{background:#ffffff1a;box-shadow:0 4px 12px #0f83}.dark-theme .nav-link{color:#fff;background:#ffffff0d}.dark-theme .nav-link:hover{background:#ffffff1a;color:var(--primary)}.dark-theme .nav-link.active{background:var(--primary);color:#000}.dark-theme .footer{background:#0a0a0a;border-top:1px solid rgba(255,255,255,.05)}.dark-theme .option-card:before{background:linear-gradient(90deg,#2c7be5,#25c589)}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-description{font-size:1rem}.hero-buttons{flex-direction:column;width:80%;margin-left:auto;margin-right:auto}.options-grid{grid-template-columns:1fr}.mobile-menu{display:block}}@media (max-width: 480px){.hero-section{padding:3rem 1rem}.hero-title{font-size:2rem}.options-section{padding:1rem}.option-card{padding:1.5rem}.option-icon{width:50px;height:50px;font-size:1.5rem}.option-title{font-size:1.25rem}}}@layer base{@keyframes fadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}:root{--primary: #2c7be5;--secondary: #25c589;--surface: #ffffff;--text: #1a1a1a;--text-secondary: #555555;--background: #f5f5f5;--header-gradient: linear-gradient( 135deg, rgba(44, 123, 229, .9), rgba(37, 197, 137, .9) );--transparent-light: rgba(255, 255, 255, .2);--transparent-lighter: rgba(255, 255, 255, .3);--box-shadow: 0 4px 12px rgba(0, 0, 0, .1);--transition: all .3s ease}:root:not(.dark-theme){--light-shadow: 0 8px 25px rgba(0, 0, 0, .08);--card-border: 1px solid rgba(44, 123, 229, .15)}.dark-theme{--primary: #00ff88;--surface: #121212;--text: #ffffff;--text-secondary: #b0b0b0;--background: #000000;--transparent-light: rgba(255, 255, 255, .05);--transparent-lighter: rgba(255, 255, 255, .1)}body{background-color:var(--background);color:var(--text);transition:background-color .3s ease,color .3s ease}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;margin-top:70px}.header{background:#0006;padding:.8rem 2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:fixed;top:0;left:0;right:0;z-index:100;transition:var(--transition);animation:fadeDown .5s ease forwards}.header.scrolled{padding:.6rem 2rem;box-shadow:var(--box-shadow)}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.header-controls{display:flex;align-items:center;gap:1.5rem}.logo{font-size:1.5rem;font-weight:700;color:var(--primary);display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--box-shadow);transition:var(--transition)}.logo:before{content:"🎮";font-size:1.5rem}.logo-link{text-decoration:none}.nav-links{display:flex;gap:2rem}.nav-link{color:var(--text);text-decoration:none;padding:.5rem 1rem;border-radius:8px;transition:var(--transition);background:var(--transparent-light);position:relative;border:none}.nav-link:hover{background:var(--transparent-lighter);transform:translateY(-2px)}.nav-link.active{background:var(--primary);box-shadow:var(--box-shadow);transform:translateY(-2px);border:none}.theme-toggle-btn{background:var(--transparent-light);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);transition:var(--transition);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.theme-toggle-btn:hover{background:var(--transparent-lighter);transform:translateY(-2px);box-shadow:var(--box-shadow)}.theme-toggle-btn:active{transform:translateY(0)}.footer{background:var(--surface);padding:2rem;margin-top:auto;border-top:1px solid rgba(255,255,255,.05)}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-links{display:flex;gap:1.5rem}.footer-link{color:var(--text-secondary);text-decoration:none;transition:var(--transition);font-size:.9rem;position:relative}.footer-link:hover{color:var(--text)}.footer-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary);transition:width .3s ease}.footer-link:hover:after{width:100%}.copyright{color:var(--text-secondary);font-size:.9rem;margin:0}:root:not(.dark-theme) .header{background:var(--header-gradient)}:root:not(.dark-theme) .nav-link{color:#fff;font-weight:600;background:#00339980;border:2px solid rgba(255,255,255,.8);box-shadow:0 3px 8px #00000040;text-shadow:0 1px 2px rgba(0,0,0,.3)}:root:not(.dark-theme) .nav-link:hover{background:#04c9;border-color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #0000004d}:root:not(.dark-theme) .nav-link.active{color:#2c7be5;background:#fff;border:2px solid #2c7be5;box-shadow:0 4px 10px #2c7be566;text-shadow:none}.dark-theme .header{background:#000c;border-bottom:1px solid rgba(255,255,255,.1)}.dark-theme .header.scrolled{background:var(--surface)}.dark-theme .logo{color:var(--primary);background:#00000073}.dark-theme .nav-link{color:#fff;background:#32324666;border:1px solid rgba(100,100,150,.4);font-weight:500;box-shadow:0 2px 5px #0003}.dark-theme .nav-link:hover{background:#46466480;border-color:#7878b499;transform:translateY(-2px);box-shadow:0 3px 8px #4646784d}.dark-theme .nav-link.active{background:#4a6bdf;color:#fff;border:1px solid rgba(120,140,230,.6);box-shadow:0 3px 10px #465ac866}.dark-theme .footer{background:#0a0a0a}@media (max-width: 768px){.header-content{padding:0 1rem}.nav-links{display:none}.header-controls{gap:.5rem}.theme-toggle-btn{width:36px;height:36px}.footer-content{flex-direction:column;text-align:center;gap:1.5rem}.footer-links{justify-content:center}}}@layer base{@keyframes answerAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes correctAnswer{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes countdown{0%{transform:scale(1)}20%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes incorrectAnswer{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse{0%{box-shadow:0 0 rgba(var(--primary-rgb),.5)}70%{box-shadow:0 0 0 10px rgba(var(--primary-rgb),0)}to{box-shadow:0 0 rgba(var(--primary-rgb),0)}}@keyframes questionSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes timerProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.mb-2{margin-bottom:.5rem}.mt-4{margin-top:1rem}.quiz-container{max-width:900px;margin:0 auto;padding:2.5rem;background:var(--surface);border-radius:1rem;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.05);position:relative;overflow:visible}.quiz-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(to right,var(--primary),var(--secondary));z-index:1}.quiz-container.active-question .question-container{animation:questionSlideIn .6s cubic-bezier(.26,.86,.44,.985) forwards}.quiz-container.question-transition,.quiz-container.fade-out{opacity:0;transform:translate(-30px);transition:opacity .3s ease,transform .3s ease}.quiz-container.fade-in{opacity:1;transform:translate(0);transition:opacity .5s ease,transform .5s ease}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.quiz-info{display:flex;align-items:center;gap:1rem}.question-number{font-size:1.2rem;font-weight:500;color:var(--text-secondary);display:inline-flex;align-items:center;background:rgba(var(--primary-rgb),.1);padding:.5rem 1rem;border-radius:2rem;font-weight:600}.question-number:before{content:"❓";margin-right:.5rem}.timer-container{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;padding:.5rem 1rem;border-radius:2rem;font-weight:600}.timer-container svg{color:var(--secondary)}.timer-countdown{color:var(--text);font-size:1.2rem;min-width:2.5rem;text-align:center}.timer-countdown.warning{color:#ff9800}.timer-countdown.danger{color:var(--incorrect);animation:countdown .5s ease infinite}.timer-progress-container{position:absolute;top:0;left:0;width:100%;height:6px;overflow:hidden;z-index:100;border-top-left-radius:1rem;border-top-right-radius:1rem}.timer-progress-bar{height:100%;background:linear-gradient(to right,#ff9800,#f44336);width:100%;transform-origin:left;transition:transform 1s linear;animation:timerProgress 10s linear forwards;box-shadow:0 0 8px #ff450080}.timer-progress-bar.reset{animation:none;transform:scaleX(1)}.timer-progress-bar.paused{animation-play-state:paused}.timer-progress-bar.warning{background:linear-gradient(to right,#f44336,#d32f2f)}.question-container{margin-bottom:2rem;animation:fadeIn .5s ease forwards;position:relative;overflow:hidden}.question-text{font-size:1.8rem;font-weight:600;color:var(--text);line-height:1.4;margin-bottom:2rem;text-align:center;animation:questionSlideIn .5s cubic-bezier(.26,.86,.44,.985) forwards}.question-counter{position:absolute;top:.5rem;right:.5rem;background:rgba(var(--primary-rgb),.1);color:var(--primary);padding:.25rem .75rem;border-radius:1rem;font-size:.9rem;font-weight:600}.answer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;animation:fadeIn .5s ease forwards}.answer-button{background:var(--surface-hover);border:none;border-radius:.75rem;padding:1.2rem;color:var(--text);font-size:1.1rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-align:center;display:flex;align-items:center;justify-content:center;height:100%;box-shadow:0 4px 6px #0000001a}.answer-button:hover{transform:translateY(-3px);box-shadow:0 6px 10px #00000026;background:#ffffff26}.answer-button:active{transform:translateY(-1px)}.answer-button:nth-child(1){animation:answerAppear .3s ease-out .1s both}.answer-button:nth-child(2){animation:answerAppear .3s ease-out .2s both}.answer-button:nth-child(3){animation:answerAppear .3s ease-out .3s both}.answer-button:nth-child(4){animation:answerAppear .3s ease-out .4s both}.answer-button.selected{background:var(--primary);transform:translateY(-3px);box-shadow:0 6px 12px #4f46e54d;animation:pulse 1.5s infinite}.answer-button.correct{background:var(--correct);color:#fff;box-shadow:0 6px 12px #22c55e4d;animation:correctAnswer 1s ease}.answer-button.incorrect{background:var(--incorrect);color:#fff;box-shadow:0 6px 12px #ef44444d;animation:incorrectAnswer .5s ease}.answer-button.user-selected{position:relative;outline:3px solid #ffd700}.answer-button.user-selected:before{content:"Tu respuesta";position:absolute;top:-25px;left:50%;transform:translate(-50%);background:#000000b3;color:gold;padding:2px 8px;border-radius:4px;font-size:.8rem;font-weight:700;white-space:nowrap}.answer-button.correct-selected{outline:3px solid #00ff00}.progress-container{margin-top:2.5rem;background:#ffffff1a;height:.6rem;border-radius:1rem;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(to right,var(--primary),var(--secondary));transition:width .8s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progressShimmer 2s infinite}.score-display{margin-top:2rem;text-align:center;font-size:1.2rem}.score-number{font-weight:700;color:var(--correct);font-size:1.5rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh}.loading-spinner{width:3rem;height:3rem;border:4px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:var(--primary);animation:spin 1s linear infinite;margin-bottom:1.5rem}.home-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.5rem;margin-top:2rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text);border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none}.home-button:hover{background:#ffffff26;transform:translateY(-2px)}@media (max-width: 640px){.quiz-container{padding:var(--md-spacing-4)}.quiz-question{font-size:1.125rem}.quiz-option{padding:var(--md-spacing-2)}}@media (max-width: 480px){.quiz-container{padding:var(--md-spacing-3)}.quiz-question{font-size:1rem}.quiz-score{font-size:1.75rem}}}.quizzes-container{max-width:1200px;margin:0 auto;padding:2rem;opacity:0;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out}.quizzes-container.fade-in{opacity:1;transform:translateY(0)}.quizzes-loading{display:flex;justify-content:center;align-items:center;min-height:300px;width:100%}.quiz-fancy-loader{display:flex;flex-direction:column;align-items:center;text-align:center}.quiz-document-icon{position:relative;color:#8e44ad;margin-bottom:20px}.quiz-document-outline{stroke-dasharray:60;stroke-dashoffset:20;animation:draw-document 3s ease-in-out infinite}.quiz-document-fold{stroke-dasharray:15;stroke-dashoffset:15;animation:draw-fold 3s ease-in-out infinite}.quiz-document-line{stroke-dasharray:15;stroke-dashoffset:15;animation:draw-line 3s ease-in-out infinite}.quiz-line-1{animation-delay:.2s}.quiz-line-2{animation-delay:.5s}.quiz-line-3{animation-delay:.8s}.quiz-loading-text{font-size:18px;font-weight:600;margin-bottom:10px;color:#8e44ad}.quiz-loading-animation{display:flex;gap:8px}.quiz-dot{width:10px;height:10px;background-color:#8e44ad;border-radius:50%;display:inline-block;animation:dot-pulse 1.5s ease-in-out infinite}.quiz-dot:nth-child(2){animation-delay:.2s}.quiz-dot:nth-child(3){animation-delay:.4s}@keyframes draw-document{0%{stroke-dashoffset:60}50%{stroke-dashoffset:0}to{stroke-dashoffset:60}}@keyframes draw-fold{0%{stroke-dashoffset:15}50%{stroke-dashoffset:0}to{stroke-dashoffset:15}}@keyframes draw-line{0%{stroke-dashoffset:15}50%{stroke-dashoffset:0}to{stroke-dashoffset:15}}@keyframes dot-pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.3);opacity:1}}.page-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--text);font-weight:700;position:relative;background:linear-gradient(90deg,#2c7be5,#25c589);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:bg-shift 8s ease infinite}.dark-theme .page-title{background:linear-gradient(90deg,#2c7be5,#25c589);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 8px rgba(44,123,229,.3);opacity:.95;font-weight:700}:root:not(.dark-theme) .page-title{background:linear-gradient(90deg,#2c7be5,#25c589);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:bg-shift 8s ease infinite}.page-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(to right,red,#ff7f00,#ff0,#0f0,#00f,indigo,#8b00ff);background-size:300% 100%;border-radius:2px;-webkit-animation:pulse-width-global 15s ease-in-out infinite,color-shift 18s linear infinite;animation:pulse-width-global 15s ease-in-out infinite,color-shift 18s linear infinite;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}@keyframes pulse-width-global{0%,to{width:1%}50%{width:100%}}@keyframes color-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}:root:not(.dark-theme) .page-title:after{background:linear-gradient(to right,red,#ff7f00,#ff0,#0f0,#00f,indigo,#8b00ff);background-size:300% 100%;animation:pulse-width-global 15s ease-in-out infinite,color-shift 20s linear infinite;-webkit-animation:pulse-width-global 15s ease-in-out infinite,color-shift 20s linear infinite}.quizzes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.quiz-card{background:var(--surface);border-radius:1rem;padding:1.8rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;height:100%}.quiz-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(to right,var(--primary),var(--secondary));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.quiz-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #00000026}.quiz-card:hover:before{transform:scaleX(1)}.quiz-title{font-size:1.6rem;font-weight:600;margin-bottom:1.2rem;color:var(--text);line-height:1.3}.quiz-description{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem;position:relative;display:inline-block;padding:.5rem 1rem;background:#ffffff0d;border-radius:2rem}.quiz-description:before{content:"🎮";margin-right:.5rem;font-size:1.2rem}.quiz-stats{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.quiz-stat{display:flex;flex-direction:column;align-items:center}.quiz-stat-value{font-size:1.4rem;font-weight:600;color:var(--primary)}.quiz-stat-label{font-size:.9rem;color:var(--text-secondary)}.start-quiz-btn{background:var(--primary);color:#fff;padding:.9rem 1.8rem;border-radius:.5rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #4f46e533;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%}.start-quiz-btn:hover{background:var(--primary-hover);box-shadow:0 6px 15px #4f46e54d;transform:translateY(-2px)}.start-quiz-btn svg{width:18px;height:18px;transition:transform .3s ease}.start-quiz-btn:hover svg{transform:translate(4px)}.create-quiz-section{text-align:center;margin-top:3rem;padding:2rem;background:var(--surface);border-radius:1rem;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden}.create-quiz-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,var(--primary),var(--secondary))}.create-quiz-title{font-size:1.8rem;font-weight:600;margin-bottom:1rem;color:var(--text)}.create-quiz-description{color:var(--text-secondary);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.create-quiz-btn{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#f8e1ff;padding:1rem 2rem;border-radius:.5rem;font-weight:700;text-shadow:0 1px 1px rgba(0,0,0,.2);transition:all .3s ease;box-shadow:0 4px 12px #4f46e54d;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.8rem}.create-quiz-btn:hover{box-shadow:0 8px 20px #4f46e566;transform:translateY(-3px)}.create-quiz-btn svg{width:20px;height:20px}:root:not(.dark-theme) .start-quiz-btn{background-color:#8e44ad;color:#fff;font-weight:600}:root:not(.dark-theme) .create-quiz-btn{background:#0047a4;color:#fff;font-weight:700;text-shadow:0 1px 1px rgba(0,0,0,.2)}:root:not(.dark-theme) .create-quiz-btn:hover{background-color:#5a00a4;border-color:#5a00a4}.dark-theme .start-quiz-btn{background-color:#8e44ad;color:#fff;border:1px solid #8e44ad;font-weight:600;box-shadow:0 4px 12px #8e44ad4d}.dark-theme .create-quiz-btn{background:#0078ac;color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3);border:none}.dark-theme .create-quiz-btn:hover{background:#00577d;box-shadow:0 8px 25px #b264d180;transform:translateY(-3px)}:root:not(.dark-theme) .quizzes-container{position:relative;z-index:1}:root:not(.dark-theme) .quizzes-container:before{content:"";position:fixed;top:-10%;right:-5%;width:40%;height:40%;background:radial-gradient(circle,rgba(142,68,173,.06) 0%,transparent 70%);z-index:-1;animation:float-light 15s ease-in-out infinite alternate}:root:not(.dark-theme) .quizzes-container:after{content:"";position:fixed;bottom:-5%;left:-5%;width:40%;height:40%;background:radial-gradient(circle,rgba(76,175,80,.05) 0%,transparent 70%);z-index:-1;animation:float-light 12s ease-in-out infinite alternate-reverse}@keyframes float-light{0%{transform:translate(0)}to{transform:translate(30px,30px)}}:root:not(.dark-theme) .page-title:after{background:linear-gradient(to right,red,#ff7f00,#ff0,#0f0,#00f,indigo,#8b00ff);animation:pulse-width-global 8s ease-in-out infinite;-webkit-animation:pulse-width-global 8s ease-in-out infinite}:root:not(.dark-theme) .quiz-card{background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(142,68,173,.1);box-shadow:0 15px 30px #00000014,0 5px 15px #2c7be514;transition:all .4s cubic-bezier(.165,.84,.44,1);transform:translateY(0)}:root:not(.dark-theme) .quiz-card:before{background:linear-gradient(90deg,#8e44ad,#4caf50);transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}:root:not(.dark-theme) .quiz-card:hover{transform:translateY(-12px) scale(1.02);border-color:#8e44ad33;box-shadow:0 25px 50px #0000001f,0 10px 20px #2c7be526}:root:not(.dark-theme) .quiz-card:hover:before{transform:scaleX(1)}:root:not(.dark-theme) .quiz-stat-value{color:#8e44ad;transition:all .3s ease}:root:not(.dark-theme) .quiz-card:hover .quiz-stat-value{transform:scale(1.1);text-shadow:0 0 10px rgba(142,68,173,.3)}:root:not(.dark-theme) .start-quiz-btn{position:relative;overflow:hidden}:root:not(.dark-theme) .start-quiz-btn:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#ffffff80;opacity:0;border-radius:100%;transform:scale(1) translate(-50%,-50%);transform-origin:center}:root:not(.dark-theme) .start-quiz-btn:hover:after{opacity:.3;animation:ripple 1s ease-out}@keyframes ripple{0%{transform:scale(1) translate(-50%,-50%)}to{transform:scale(20) translate(-50%,-50%);opacity:0}}:root:not(.dark-theme) .empty-state{background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(142,68,173,.1);box-shadow:0 15px 35px #00000014,0 5px 15px #2c7be50f;transition:all .3s ease;position:relative;overflow:hidden}:root:not(.dark-theme) .empty-state:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#8e44ad,#4caf50)}:root:not(.dark-theme) .empty-state-icon{font-size:4.5rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}:root:not(.dark-theme) .create-quiz-section{background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(142,68,173,.1);box-shadow:0 15px 35px #00000014,0 5px 15px #2c7be50f;transition:all .3s ease;position:relative;overflow:hidden}:root:not(.dark-theme) .create-quiz-section:hover{transform:translateY(-5px);box-shadow:0 25px 50px #0000001f,0 10px 20px #2c7be526}:root:not(.dark-theme) .create-quiz-title{background:linear-gradient(90deg,#8e44ad,#4caf50);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:bg-shift 8s ease infinite}:root:not(.dark-theme) .loading-spinner{border-top-color:linear-gradient(90deg,#8e44ad,#4caf50);animation:spin .8s linear infinite,pulse-color 2s ease-in-out infinite}@keyframes pulse-color{0%,to{border-top-color:#8e44ad}50%{border-top-color:#4caf50}}.empty-state{text-align:center;padding:3rem 2rem;background:var(--surface);border-radius:1rem;box-shadow:var(--shadow);margin-bottom:3rem}.empty-state-icon{font-size:4rem;margin-bottom:1.5rem;color:var(--text-secondary)}.empty-state-title{font-size:1.8rem;font-weight:600;margin-bottom:1rem;color:var(--text)}.empty-state-description{color:var(--text-secondary);margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.loading-spinner{width:3rem;height:3rem;border:4px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:var(--primary);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.quizzes-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.page-title{font-size:2rem}.quiz-card{padding:1.5rem}.quiz-title{font-size:1.4rem}}@media (max-width: 480px){.quizzes-container{padding:1.5rem 1rem}.page-title{font-size:1.8rem}.quiz-card{padding:1.2rem}.quiz-title{font-size:1.3rem}.create-quiz-section{padding:1.5rem 1rem}}.fancy-quiz-loader,.loader-animation,.loader-circle,.loader-quiz-icon,.quiz-symbol,.loading-text,.loading-progress,.progress-dot,.loader-subtext{display:none}.quiz-card-actions{display:flex;flex-direction:column;align-items:stretch;gap:2rem;margin-top:1rem}.delete-quiz-btn{background:#7b7b7bb0;color:#fff;padding:.9rem 1.8rem;border-radius:.5rem;font-weight:600;transition:all .3s ease;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;opacity:.9}.delete-quiz-btn:hover{background:#a40000;opacity:1}.delete-quiz-btn svg{width:18px;height:18px;transition:transform .3s ease}.delete-quiz-btn:hover svg{transform:translate(4px)}.delete-confirm-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.delete-confirm-modal{background:var(--surface);border-radius:1rem;padding:2.5rem;width:100%;max-width:480px;text-align:center;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a;border:1px solid rgba(255,255,255,.08);animation:modal-appear .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.delete-confirm-modal:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background-color:#bc0000}@keyframes modal-appear{0%{opacity:0;transform:translateY(-40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.delete-confirm-modal h3{font-size:1.75rem;margin-bottom:1.2rem;color:var(--text);font-weight:600}.delete-confirm-modal p{font-size:1.1rem;margin-bottom:.8rem;line-height:1.5}.delete-warning{color:#bc0000;margin:1.5rem 0;font-weight:600;padding:.8rem 1.2rem;background:#ef44441a;border-radius:.5rem;border-left:4px solid #bc0000;text-align:left;display:flex;align-items:center;gap:.8rem}.delete-warning:before{content:"⚠️";font-size:1.3rem}.delete-confirm-actions{display:flex;justify-content:center;gap:1.2rem;margin-top:2rem}.delete-cancel-btn{background:var(--surface-hover);color:var(--text);padding:.8rem 1.8rem;border-radius:.5rem;font-weight:600;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease;font-size:1rem;min-width:130px}.delete-cancel-btn:hover{background:var(--surface-active);transform:translateY(-2px)}.delete-confirm-btn{background:#bc0000;color:#fff;padding:.8rem 1.8rem;border-radius:.5rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;font-size:1rem;min-width:130px}.delete-confirm-btn:hover{background:#bc0000;transform:translateY(-2px);box-shadow:0 4px 6px -1px #ef44444d}.delete-confirm-btn:disabled,.delete-cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:translateY(0);box-shadow:none}@media (max-width: 768px){.quiz-card-actions{gap:.8rem}.delete-confirm-modal{max-width:90%;padding:1.8rem}.delete-confirm-modal h3{font-size:1.5rem}.delete-warning{padding:.7rem 1rem;font-size:.95rem}.delete-confirm-actions{flex-direction:column;gap:.8rem}.delete-cancel-btn,.delete-confirm-btn{width:100%}}.confirm-input-wrapper{margin:1.5rem 0;text-align:left}.confirm-input-wrapper label{display:block;margin-bottom:.8rem;font-weight:500;color:var(--text)}.confirm-delete-input{width:100%;padding:.9rem 1rem;border-radius:.5rem;border:1px solid rgba(239,68,68,.3);background:var(--surface-hover);color:var(--text);font-size:1rem;transition:all .3s ease}.confirm-delete-input:focus{outline:none;border-color:#ef444499;box-shadow:0 0 0 3px #ef44441a}.confirm-delete-input::placeholder{color:#ef444466}@layer base{:root{--score-percentage: 0;--score-color: #2196f3;--glow-color: rgba(33, 150, 243, .6);--green-line-glow: rgba(76, 255, 128, .8);--line-trail-color: rgba(76, 255, 128, .3);--milestone-flash: rgba(255, 255, 255, 0);--lightning-opacity: 0;--line-thickness: 2px;--green-line-intensity: .8;--green-highlight: rgba(120, 255, 150, .9);--electric-accent: rgba(220, 255, 230, .95);--particle-density: .8;--green-pulse-speed: 3s}body:before{display:none}.results-container{max-width:900px;margin:0 auto;padding:3rem;background:var(--surface);border-radius:1.5rem;box-shadow:var(--shadow),0 20px 60px #0003;position:relative;overflow:visible;opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.19,1,.22,1),transform .8s cubic-bezier(.19,1,.22,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.results-container:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:1.6rem;z-index:-1;animation:borderGlow 6s ease-in-out infinite alternate}@keyframes borderGlow{0%,to{opacity:.5;background-position:0% 50%}50%{opacity:.8;background-position:100% 50%}}.results-container.fade-in{opacity:1;transform:translateY(0);animation:fadeInResults .8s cubic-bezier(.19,1,.22,1) forwards}@keyframes fadeInResults{0%{opacity:0;transform:translateY(40px) scale(.98);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.results-header{text-align:center;margin-bottom:3rem;position:relative;animation:fadeInUp .7s .2s cubic-bezier(.19,1,.22,1) both}.results-emoji{font-size:5rem;margin-bottom:1.5rem;animation:bounceEmoji 3s ease infinite;filter:drop-shadow(0 0 15px rgba(255,255,255,.3))}@keyframes bounceEmoji{0%,20%,50%,80%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-25px) scale(1.1)}60%{transform:translateY(-15px) scale(1.05)}}.results-title.good{font-size:3.5rem;font-weight:800;margin-bottom:1rem;position:relative;letter-spacing:2px;color:transparent;background:none;-webkit-background-clip:text;background-clip:text;z-index:2}.results-title.good:before{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background-image:radial-gradient(2px 2px at 20px 30px,#fff,#0000),radial-gradient(2px 2px at 40px 70px,#fff,#0000),radial-gradient(2px 2px at 50px 160px,#fff,#0000),radial-gradient(2px 2px at 90px 40px,#fff,#0000),radial-gradient(2px 2px at 130px 80px,#fff,#0000),radial-gradient(2px 2px at 160px 120px,#fff,#0000),radial-gradient(2px 2px at 20px 30px,#fff,#0000),radial-gradient(2px 2px at 40px 70px,#fff,#0000),radial-gradient(2px 2px at 50px 160px,#fff,#0000),radial-gradient(2px 2px at 90px 40px,#fff,#0000),radial-gradient(2px 2px at 130px 80px,#fff,#0000),radial-gradient(2px 2px at 160px 120px,#fff,#0000);background-repeat:repeat;background-size:100px 100px;opacity:.8;z-index:-1;border-radius:30px;filter:blur(1px);animation:spaceBg 30s linear infinite}.results-title.good:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(90deg,red,#ff9a00,#ef0,#4fdc4a,#3fdad8,#2fc9e2,#1c7fee,#5f15f2,#ba0cf8,#fb07d9);background-size:200% 100%;background-position:0 0;color:transparent;-webkit-background-clip:text;background-clip:text;-webkit-animation:textGradientMove 3s linear infinite;animation:textGradientMove 3s linear infinite;z-index:1}.results-title.good span{position:relative;display:inline-block}@keyframes textGradientMove{0%{background-position:0% 50%}to{background-position:200% 50%}}.results-title.excellent{background:linear-gradient(to right,#f5c518,#ff9800);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.results-title.average{background:linear-gradient(to right,#2196f3,#03a9f4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.results-title.needs-practice{background:linear-gradient(to right,#d00,#ff7424);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.results-message{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.score-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;margin-bottom:3rem;position:relative;z-index:2;animation:fadeInUp .7s .4s cubic-bezier(.19,1,.22,1) both}.score-ring{width:210px;height:210px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .5s cubic-bezier(.19,1,.22,1);background:conic-gradient(var(--score-color) calc(var(--score-percentage) * 3.6deg),rgba(255,255,255,.1) calc(var(--score-percentage) * 3.6deg));transform:rotate(-90deg);box-shadow:0 15px 35px var(--glow-color),0 25px 55px var(--glow-color),inset 0 0 20px var(--glow-color),0 20px 30px #00000080;animation:scoreFill 1.2s cubic-bezier(.19,1,.22,1) both;border:10px solid transparent;background-clip:padding-box;position:relative;transform-style:preserve-3d;perspective:800px;transition:transform .5s cubic-bezier(.175,.885,.32,1.275)}.score-ring:hover{transform:rotate(-90deg) translateZ(15px) rotateX(5deg) rotateY(10deg)}.score-ring:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;background:conic-gradient(var(--score-color) calc(var(--score-percentage) * 3.6deg),rgba(255,255,255,.08) calc(var(--score-percentage) * 3.6deg));border-radius:50%;transform:translateZ(-8px);filter:blur(3px);opacity:.9;z-index:-1;box-shadow:0 10px 30px #0006}.score-ring:after{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='1' fill='white'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='80' cy='30' r='1.5' fill='white'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='70' r='1.2' fill='white'/%3E%3C/svg%3E");filter:blur(1px);opacity:.8;z-index:-1;animation:rotateDots 10s linear infinite,float3DEnhanced 6s ease-in-out infinite alternate;transform-style:preserve-3d}@keyframes float3DEnhanced{0%{transform:translateZ(0) rotateX(0) rotateY(0) scale(1)}33%{transform:translateZ(15px) rotateX(5deg) rotateY(10deg) scale(1.05);-webkit-transform:translateZ(15px) rotateX(5deg) rotateY(10deg) scale(1.05);-moz-transform:translateZ(15px) rotateX(5deg) rotateY(10deg) scale(1.05);-ms-transform:translateZ(15px) rotateX(5deg) rotateY(10deg) scale(1.05);-o-transform:translateZ(15px) rotateX(5deg) rotateY(10deg) scale(1.05)}66%{transform:translateZ(10px) rotateX(-3deg) rotateY(5deg) scale(1.02)}to{transform:translateZ(5px) rotateX(2deg) rotateY(-7deg) scale(1)}}.score-container:after{content:"";position:absolute;width:230px;height:230px;left:calc(50% - 115px);top:calc(25% - 115px);border-radius:50%;background:radial-gradient(circle,#ffffff1a,#ffffff0d 40%,#fff0 60%);filter:blur(15px);opacity:.5;z-index:-1;animation:breathingLight 4s infinite alternate}@keyframes breathingLight{0%{opacity:.3;transform:scale(.95)}to{opacity:.6;transform:scale(1.05)}}.score-inner-circle{position:absolute;width:165px;height:165px;border-radius:50%;background:var(--surface);z-index:1;transform:rotate(90deg);display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;box-shadow:inset 0 0 20px #0000004d}.score-inner-circle:after{display:none}@keyframes innerFlames{0%{transform:translateY(5px) scale(.9);opacity:.7}to{transform:translateY(-5px) scale(1.1);opacity:.9}}@keyframes redPulse{0%{opacity:0}to{opacity:0}}.score-value{font-size:3.5rem;font-weight:800;color:#fff;text-shadow:0 0 15px var(--glow-color),0 0 30px var(--glow-color);animation:pulseGlow 2s infinite alternate;opacity:1;letter-spacing:-1px;position:relative;overflow:visible}.score-value:after{content:"";position:absolute;left:-30%;top:0;width:160%;height:100%;background:linear-gradient(120deg,#fff0 60%,#ffffffb3,#fff0);opacity:0;pointer-events:none;animation:scoreShine 1.2s .7s cubic-bezier(.19,1,.22,1) 1}@keyframes scoreShine{0%{opacity:0;left:-30%}40%{opacity:.7}80%{opacity:0;left:100%}to{opacity:0;left:100%}}@keyframes pulseGlow{0%{text-shadow:0 0 10px var(--glow-color),0 0 20px var(--glow-color)}to{text-shadow:0 0 15px var(--glow-color),0 0 30px var(--glow-color),0 0 45px var(--glow-color)}}.score-label{font-size:1rem;color:var(--text-secondary);margin-top:.5rem;animation:fadeInUp .8s ease-out .7s forwards;opacity:1}.score-details{display:flex;flex-direction:column;gap:1rem;font-size:1.2rem;animation:fadeInRight .8s ease-out .9s forwards;opacity:0;transform:translate(20px);position:relative;z-index:1}.score-item{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem;border-radius:.5rem;background:#1976d2cc;border:1px solid rgba(255,255,255,.2)}.score-item:after{display:none}.score-number{font-weight:700;font-size:1.5rem;color:#fff;text-shadow:none}.results-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem;animation:fadeInUp .7s .8s cubic-bezier(.19,1,.22,1) both;opacity:1}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;padding:.9rem 2rem;border-radius:.7rem;font-weight:600;font-size:1.05rem;cursor:pointer;transition:all .3s cubic-bezier(.19,1,.22,1);text-decoration:none;letter-spacing:.5px;transition:box-shadow .3s cubic-bezier(.19,1,.22,1),transform .2s cubic-bezier(.34,1.56,.64,1),background .3s}.action-button.primary{color:#fff;box-shadow:0 8px 20px #2196f380,0 4px 8px #0000001a}.action-button.primary:hover{background:var(--btn-hover-color);transform:translateY(-4px);box-shadow:0 12px 25px #2196f3b3,0 6px 12px #00000026}.action-button.secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:var(--text);box-shadow:0 6px 15px #00000026}.action-button.secondary:hover{background:var(--btn-hover-color);color:#fff;transform:translateY(-4px);box-shadow:0 10px 20px #0003;border-color:#fff6}.action-button:hover{animation:buttonBounce .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 0 4px #2c7be51a,0 8px 24px #2c7be52e}@keyframes buttonBounce{0%{transform:scale(1)}30%{transform:scale(1.08)}60%{transform:scale(.97)}to{transform:scale(1)}}.action-button:active{box-shadow:0 0 0 8px #2c7be51f;transform:scale(.97)}.action-button svg{transition:transform .3s ease}.action-button:hover svg{transform:translate(-3px)}.action-button.secondary:hover svg{transform:translateY(-3px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes glowPulse{0%,50%,to{box-shadow:0 0 15px var(--glow-color),inset 0 0 10px var(--glow-color)}}@keyframes staticGlowEffect{0%,50%,to{opacity:.7}}@keyframes progressSpin{0%,to{transform:rotate(-90deg)}}@keyframes spaceGlow{0%,to{text-shadow:0 0 10px rgba(79,220,255,.9),0 0 20px rgba(120,155,255,.7)}50%{text-shadow:0 0 15px rgba(79,220,255,1),0 0 30px rgba(120,155,255,.9),0 0 45px rgba(168,120,255,.7)}}@keyframes spaceBg{0%{background-position:0 0}to{background-position:200px 200px}}@keyframes nebulaMove{0%{transform:scale(1) rotate(0);border-radius:40% 60% 60% 40%/60% 30% 70% 40%}50%{transform:scale(1.1) rotate(3deg);border-radius:60% 40% 40% 60%/50% 60% 40% 50%}to{transform:scale(1) rotate(0);border-radius:40% 60% 60% 40%/60% 30% 70% 40%}}@media (max-width: 768px){.results-container{padding:2rem 1.5rem;margin:0 1rem}.score-container{flex-direction:column}.results-actions{flex-direction:column;width:100%}.action-button{width:100%;padding:.8rem 1.2rem;font-size:1rem}.score-ring{width:180px;height:180px}.score-inner-circle{width:140px;height:140px}.score-value{font-size:2.8rem}.results-emoji{font-size:4rem}.results-title{font-size:2.5rem}}@media (max-width: 480px){.results-container{padding:1.5rem 1rem}.score-ring{width:150px;height:150px}.score-inner-circle{width:120px;height:120px}.score-value{font-size:2.3rem}.results-emoji{font-size:3.5rem}.results-title{font-size:2.2rem}.results-message{font-size:1rem}}@media (min-width: 1200px){.results-container{max-width:1100px;padding:4rem}.score-ring{width:230px;height:230px}.score-inner-circle{width:180px;height:180px}.score-value,.results-title{font-size:4rem}.results-message{font-size:1.4rem;max-width:700px}}@media (min-width: 992px) and (max-width: 1199px){.results-container{max-width:900px;padding:3.5rem}.results-title{font-size:3.2rem}}@media (min-width: 768px) and (max-width: 991px){.results-container{max-width:700px;padding:2.5rem}.score-ring{width:190px;height:190px}.score-inner-circle{width:150px;height:150px}.score-details{min-width:280px}.results-title{font-size:2.8rem}}@media (max-width: 767px){.results-container{padding:2rem 1.5rem;margin:0 1rem;border-radius:1.2rem}.score-container{flex-direction:column;gap:1.5rem}.results-actions{flex-direction:column;width:100%;gap:.8rem}.action-button{width:100%;padding:.8rem 1.2rem;font-size:1rem}.score-ring{width:180px;height:180px}.score-inner-circle{width:140px;height:140px}.score-value{font-size:2.8rem}.results-emoji{font-size:4rem;margin-bottom:1rem}.results-title{font-size:2.5rem;margin-bottom:.7rem}.results-message{font-size:1.1rem}.score-details{width:100%}}@media (min-width: 481px) and (max-width: 575px){.results-container{padding:1.8rem 1.2rem}.score-ring{width:170px;height:170px;box-shadow:0 10px 25px var(--glow-color),0 15px 40px var(--glow-color),inset 0 0 15px var(--glow-color),0 12px 20px #0006}.score-inner-circle{width:135px;height:135px}.results-header{margin-bottom:2rem}}@media (max-width: 480px){.results-container{padding:1.5rem 1rem;border-radius:1rem}.score-ring{width:150px;height:150px;box-shadow:0 8px 20px var(--glow-color),0 12px 30px var(--glow-color),inset 0 0 15px var(--glow-color),0 10px 15px #0000004d}.score-inner-circle{width:120px;height:120px}.score-value{font-size:2.3rem}.results-emoji{font-size:3.5rem;margin-bottom:.8rem}.results-title{font-size:2.2rem;margin-bottom:.5rem}.results-message{font-size:1rem}.score-item{padding:.8rem;gap:1rem}.score-number{font-size:1.3rem}}@media (max-width: 359px){.results-container{padding:1.2rem .8rem;margin:0 .5rem}.score-ring{width:130px;height:130px;box-shadow:0 6px 15px var(--glow-color),0 10px 25px var(--glow-color),inset 0 0 10px var(--glow-color),0 8px 12px #0000004d}.score-inner-circle{width:105px;height:105px}.score-value{font-size:2rem}.score-label{font-size:.9rem}.results-emoji{font-size:3rem;margin-bottom:.6rem}.results-title{font-size:1.8rem;letter-spacing:1px}.results-message{font-size:.9rem}.action-button{padding:.7rem 1rem;font-size:.9rem;gap:.4rem}.action-button svg{width:16px;height:16px}.score-item{padding:.7rem;font-size:1rem}.score-number{font-size:1.2rem}}@media (prefers-color-scheme: dark){.results-container{background:#1e1e28e6}.score-inner-circle{background:#2d3246f2}.action-button.secondary{background:#ffffff14}.action-button.secondary:hover{background:#ffffff26}}@media (prefers-color-scheme: light){.results-container{background:#ffffffe6;box-shadow:0 10px 30px #0000001a,0 0 0 1px #0000000d}.score-inner-circle{background:#ebf0fff2}.score-label,.results-message{color:#000000b3}.action-button.secondary{background:#0000000d;border-color:#0000001a;color:#000c}.action-button.secondary:hover{background:#00000014}}@media (prefers-reduced-motion: reduce){.results-emoji,.score-ring:after,.score-inner-circle:before,.score-value,.score-number,.results-container:before{animation:none;transition:none}.results-container,.action-button,.score-ring{transition-duration:.1s}}@media (hover: none){.score-ring:hover,.action-button:hover{transform:none}.action-button:active{transform:scale(.97)}.score-ring:active{transform:rotate(-90deg) scale(.97)}}@media (max-height: 700px){.results-container{padding-top:2rem;padding-bottom:2rem}.results-header,.score-container{margin-bottom:1.5rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.results-container:before,.score-ring,.action-button.primary{border-width:.5px}}.animated-gradient-background{position:absolute;width:220%;height:220%;top:-60%;left:-60%;background:conic-gradient(#ff5722,#ff7043,#ffeb3b,#ffab91,#fb07d9,#ff5722);border-radius:50%;opacity:.5;filter:blur(10px);animation:rotateGradient 12s linear infinite,pulseOpacity 4s ease-in-out infinite alternate;z-index:-1;transform-origin:center}@keyframes rotateGradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseOpacity{0%{opacity:.3;filter:blur(15px)}50%{opacity:.6;filter:blur(10px)}to{opacity:.4;filter:blur(12px)}}.excellent .animated-gradient-background{background:conic-gradient(#f90,#000,#fc0,#ffeb3b,#000,gold,#fb07d9,#000,#f90);animation-duration:10s,5s}.good .animated-gradient-background{background:conic-gradient(#4caf50,#000,#8bc34a,#00e676,#000,#69f0ae,#fb07d9,#000,#4caf50);animation-duration:8s,4s}.average .animated-gradient-background{background:conic-gradient(#2196f3,#000,#03a9f4,#00bcd4,#000,#80deea,#fb07d9,#000,#2196f3);animation-duration:6s,3s}.needs-practice .animated-gradient-background{background:conic-gradient(#ff5722,#000,#ff7043,#ffeb3b,#000,#ffab91,#fb07d9,#000,#ff5722);animation-duration:5s,2.5s}.score-inner-circle:before{content:"";position:absolute;bottom:-50px;left:0;width:100%;height:100px;background:linear-gradient(to top,#ff5722,#ffeb3b,transparent);filter:blur(15px);z-index:-1;animation:innerFlames 2s ease-in-out infinite alternate;-webkit-animation:innerFlames 2s ease-in-out infinite alternate}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#1e1e1e;color:#dcdcdc}.hljs-keyword,.hljs-literal,.hljs-symbol,.hljs-name{color:#569cd6}.hljs-link{color:#569cd6;text-decoration:underline}.hljs-built_in,.hljs-type{color:#4ec9b0}.hljs-number,.hljs-class{color:#b8d7a3}.hljs-string,.hljs-meta .hljs-string{color:#d69d85}.hljs-regexp,.hljs-template-tag{color:#9a5334}.hljs-subst,.hljs-function,.hljs-title,.hljs-params,.hljs-formula{color:#dcdcdc}.hljs-comment,.hljs-quote{color:#57a64a;font-style:italic}.hljs-doctag{color:#608b4e}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-tag{color:#9b9b9b}.hljs-variable,.hljs-template-variable{color:#bd63c5}.hljs-attr,.hljs-attribute{color:#9cdcfe}.hljs-section{color:gold}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-bullet,.hljs-selector-tag,.hljs-selector-id,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo{color:#d7ba7d}.hljs-addition{background-color:#144212;display:inline-block;width:100%}.hljs-deletion{background-color:#600;display:inline-block;width:100%}.spaced-repetition-container{min-height:100vh;background:linear-gradient(135deg,#0b2545,#1b3b72);color:#fff}.sr-header{background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.sr-header-content{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.sr-title{font-size:3rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(45deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;justify-content:center;gap:1rem}.sr-icon{font-size:3.5rem;filter:drop-shadow(0 0 20px rgba(255,255,255,.3))}.sr-subtitle{font-size:1.2rem;opacity:.9;margin:0;font-weight:300}.sr-nav{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.sr-nav-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem 1.5rem;border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:500}.sr-nav-btn:hover{background:#fff3;transform:translateY(-2px)}.sr-nav-btn.active{background:#ffffff4d;border-color:#fff6}.sr-main{max-width:1200px;margin:0 auto;padding:2rem}.decks-overview{animation:fadeInUp .6s ease-out}.overview-header{margin-bottom:2rem}.overview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:1.5rem;text-align:center;border:1px solid rgba(255,255,255,.2);transition:transform .3s ease}.stat-card.due{border-color:#ff9800;background:#ff98001a}.stat-card.new{border-color:#4caf50;background:#4caf501a}.stat-number{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:#fff}.stat-label{opacity:.8;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.overview-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;justify-content:center;margin-bottom:2rem}.filter-controls,.sort-controls{display:flex;align-items:center;gap:.5rem}.filter-controls label,.sort-controls label{font-weight:500;opacity:.9}.filter-controls select,.sort-controls select{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1rem;border-radius:8px;outline:none}.progress-btn{background:linear-gradient(45deg,#4caf50,#45a049);border:none;color:#fff;padding:.75rem 1.5rem;border-radius:25px;cursor:pointer;font-weight:500;transition:all .3s ease}.progress-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #4caf5066}.decks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.deck-card{background:linear-gradient(180deg,#ffffff0f,#ffffff08);color:#eef2ff;border-radius:15px;padding:1.5rem;box-shadow:0 10px 30px #030a1799;transition:all .3s ease;border-left:4px solid}.deck-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000004d}.deck-header{margin-bottom:1rem}.deck-title{font-size:1.3rem;font-weight:600;margin:0 0 .5rem;color:#eef2ff}.deck-meta{display:flex;gap:1rem;align-items:center}.deck-difficulty,.deck-category{font-size:.8rem;padding:.25rem .75rem;border-radius:12px;background:#0000001a}.deck-description{margin-bottom:1.5rem;opacity:.8;line-height:1.5}.deck-stats{margin-bottom:1.5rem}.stat-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.stat-label{opacity:.7}.stat-value{font-weight:600}.due-cards{color:#ff9800}.new-cards{color:#4caf50}.progress-section{margin-top:1rem}.progress-bar{height:8px;background:#0000001a;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;transition:width .3s ease}.accuracy-text{font-size:.9rem;opacity:.8}.deck-actions{display:flex;gap:.75rem;flex-wrap:wrap}.study-btn{flex:1;min-width:120px;padding:.75rem 1rem;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;font-size:.9rem}.study-btn.primary{background:linear-gradient(45deg,#2196f3,#1976d2);color:#fff}.study-btn.primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #2196f366}.study-btn.secondary{background:#0000001a;color:#333;border:1px solid rgba(0,0,0,.2)}.study-btn.secondary:hover{background:#0003}.study-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.study-session{max-width:800px;margin:0 auto;animation:fadeInUp .6s ease-out}.session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#ffffff1a;padding:1.5rem;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.deck-name{font-size:1.5rem;font-weight:600;margin:0}.session-mode{opacity:.8;margin:.5rem 0 0}.session-controls{display:flex;gap:1rem}.back-btn,.skip-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.75rem 1.25rem;border-radius:8px;cursor:pointer;transition:all .3s ease}.back-btn:hover,.skip-btn:hover{background:#ffffff4d}.study-progress{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:15px;margin-bottom:2rem}.progress-stats{display:flex;justify-content:space-around;margin-bottom:1rem;text-align:center}.stat{display:flex;flex-direction:column;gap:.25rem}.stat-label{opacity:.8;font-size:.9rem}.stat-value{font-size:1.2rem;font-weight:600}.progress-bar-container{display:flex;align-items:center;gap:1rem}.progress-bar{flex:1;height:12px;background:#fff3;border-radius:6px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#45a049);transition:width .3s ease}.progress-text{font-weight:600}.study-area{perspective:1000px;margin-bottom:2rem}.flashcard-container{background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0003;overflow:hidden;color:#333}.card-header{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.card-type{font-weight:600;text-transform:capitalize}.card-category{opacity:.9;font-size:.9rem}.flashcard{position:relative;height:400px;transform-style:preserve-3d;transition:transform .6s;cursor:pointer}.flashcard.flipped{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem}.card-back{transform:rotateY(180deg)}.card-content{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;width:100%}.card-text{font-size:1.2rem;line-height:1.6;max-width:100%;word-wrap:break-word}.card-text pre{background:#0f1724;color:#d6deeb;padding:1rem;border-radius:8px;overflow:auto;font-family:Fira Code,Courier New,monospace;font-size:.9rem;box-shadow:0 4px 20px #030a1799;border:1px solid rgba(255,255,255,.04)}.card-text code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem}.flip-hint{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);opacity:.6;font-size:.9rem;font-style:italic}.difficulty-buttons{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;width:100%;margin-top:1rem}.diff-btn{padding:.75rem .5rem;border:none;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .3s ease;text-align:center}.diff-btn.blackout{background:#f44336;color:#fff}.diff-btn.incorrect{background:#ff5722;color:#fff}.diff-btn.difficult{background:#ff9800;color:#fff}.diff-btn.hesitant{background:#ffc107;color:#333}.diff-btn.easy{background:#8bc34a;color:#fff}.diff-btn.perfect{background:#4caf50;color:#fff}.diff-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.card-tags{padding:1rem 1.5rem;background:#0000000d;border-top:1px solid rgba(0,0,0,.1)}.card-tag{display:inline-block;background:#0000001a;color:#666;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;margin-right:.5rem;margin-bottom:.25rem}.study-hint{text-align:center;background:#ffffff1a;padding:1rem;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.9}.progress-dashboard{animation:fadeInUp .6s ease-out}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#ffffff1a;padding:1.5rem;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-left h2{margin:0 0 .5rem;font-size:2rem}.header-left p{margin:0;opacity:.8}.header-controls{display:flex;gap:1rem;align-items:center}.time-range-select{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1rem;border-radius:8px;outline:none}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:1.5rem;text-align:center;border-top:3px solid;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.stat-icon{font-size:1.5rem}.stat-title{font-weight:500;opacity:.9}.stat-value{font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-trend{font-size:.9rem;font-weight:500}.stat-trend.positive{color:#4caf50}.stat-trend.negative{color:#f44336}.dashboard-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.left-column,.right-column{display:flex;flex-direction:column;gap:2rem}.study-calendar{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:1.5rem}.study-calendar h4{margin:0 0 1rem;text-align:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:1rem}.calendar-day{aspect-ratio:1;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.8rem;cursor:pointer;transition:transform .2s ease}.calendar-day:hover{transform:scale(1.1)}.calendar-legend{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.8rem;opacity:.8}.legend-scale{display:flex;gap:2px}.legend-square{width:12px;height:12px;border-radius:2px}.progress-chart{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:1.5rem}.chart-title{margin:0 0 1rem;text-align:center}.chart-container{display:flex;align-items:end;justify-content:space-around;height:200px;gap:4px}.chart-bar{display:flex;flex-direction:column;align-items:center;flex:1;height:100%}.bar-fill{width:100%;min-height:4px;border-radius:2px 2px 0 0;transition:height .3s ease}.bar-label{font-size:.7rem;margin-top:.5rem;opacity:.8;text-align:center}.deck-progress-section h3{margin:0 0 1rem;text-align:center}.deck-progress-list{display:flex;flex-direction:column;gap:1rem}.deck-progress{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:1.5rem}.deck-info{margin-bottom:1rem}.deck-name{margin:0 0 .5rem;font-size:1.2rem;font-weight:600}.deck-metrics{display:flex;gap:1rem;font-size:.9rem;opacity:.9}.metric{background:#ffffff1a;padding:.25rem .5rem;border-radius:8px}.progress-visualization{display:flex;align-items:center;gap:1rem}.card-distribution{flex:1}.distribution-bar{height:12px;background:#fff3;border-radius:6px;overflow:hidden;display:flex;margin-bottom:.5rem}.bar-segment{height:100%;transition:width .3s ease}.bar-segment.new-cards{background:#4caf50}.bar-segment.learning-cards{background:#ff9800}.bar-segment.mature-cards{background:#2196f3}.distribution-legend{display:flex;gap:1rem;font-size:.8rem}.legend-item{display:flex;align-items:center;gap:.25rem}.legend-item:before{content:"";width:8px;height:8px;border-radius:50%}.legend-item.new:before{background:#4caf50}.legend-item.learning:before{background:#ff9800}.legend-item.mature:before{background:#2196f3}.retention-indicator{position:relative}.retention-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.retention-circle:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:#ffffff1a}.retention-text{position:relative;z-index:1;font-weight:600;font-size:.9rem}.decks-loading,.study-loading,.progress-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.decks-error,.study-error,.progress-error{background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:15px;padding:2rem;text-align:center;max-width:500px;margin:0 auto}.decks-error h3,.study-error h3,.progress-error h3{color:#f44336;margin:0 0 1rem}.error-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.retry-btn{background:#f44336;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease}.retry-btn:hover{background:#d32f2f}.decks-empty{text-align:center;padding:3rem}.empty-state h3{margin:0 0 1rem;font-size:1.5rem}.empty-state p{margin:0 0 2rem;opacity:.8}.init-btn{background:linear-gradient(45deg,#4caf50,#45a049);border:none;color:#fff;padding:1rem 2rem;border-radius:25px;cursor:pointer;font-size:1.1rem;font-weight:600;transition:all .3s ease}.init-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #4caf5066}.no-cards{text-align:center;padding:3rem;background:#ffffff1a;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.no-decks-message{text-align:center;padding:2rem;opacity:.8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.sr-title{font-size:2rem}.sr-icon{font-size:2.5rem}.decks-grid{grid-template-columns:1fr}.overview-stats{grid-template-columns:repeat(2,1fr)}.dashboard-content{grid-template-columns:1fr}.deck-actions{flex-direction:column}.study-btn{min-width:auto}.session-header{flex-direction:column;gap:1rem;text-align:center}.progress-stats{flex-direction:column;gap:1rem}.difficulty-buttons{grid-template-columns:repeat(3,1fr);gap:.75rem}.diff-btn{padding:1rem .75rem;font-size:.9rem}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:2px}.overview-controls{flex-direction:column;align-items:stretch}.filter-controls,.sort-controls{justify-content:center}}.card-text code{font-family:Fira Code,Courier New,monospace}.card-text .hljs{background:transparent;color:#d6deeb}.card-text .hljs-keyword,.card-text .hljs-selector-tag,.card-text .hljs-literal,.card-text .hljs-title{color:#c792ea}.card-text .hljs-string,.card-text .hljs-template-string,.card-text .hljs-meta-string{color:#c3e88d}.card-text .hljs-comment,.card-text .hljs-quote{color:#546e7a;font-style:italic}.card-text .hljs-number,.card-text .hljs-regexp,.card-text .hljs-symbol{color:#f78c6c}.card-text .hljs-function .hljs-title{color:#82aaff}.reset-btn{background:linear-gradient(45deg,#7c0a01,#991616);border:none;color:#fff;padding:.65rem 1.25rem;border-radius:12px;cursor:pointer;font-weight:600;transition:all .2s ease}.reset-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #f4433640}.reset-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#03060c99;z-index:1000}.reset-confirm-box{background:linear-gradient(180deg,#0f1724,#111827);color:#eef2ff;padding:1.5rem;border-radius:12px;max-width:520px;width:90%;box-shadow:0 20px 60px #020617cc;border:1px solid rgba(255,255,255,.04)}.reset-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.reset-actions .btn{padding:.6rem 1rem;border-radius:8px;cursor:pointer;border:none;font-weight:600}.reset-actions .btn.cancel{background:#ffffff14;color:#eef2ff}.reset-actions .btn.confirm{background:linear-gradient(45deg,#7c0a01,#991616);color:#fff}select,.filter-controls select,.sort-controls select,.time-range-select{color:#eef2ff;background-color:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:.6rem 1rem;font-size:.95rem;border-radius:999px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:160px;display:inline-block;position:relative}.filter-controls,.sort-controls,.header-controls{position:relative}.filter-controls:after,.sort-controls:after{content:"▾";position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#fffc}select option{background-color:#0b1724;color:#eef2ff}.time-range-select{min-width:140px}@media (max-width: 768px){select,.filter-controls select,.sort-controls select{width:100%;min-width:0}}:root{--primary: var(--md-primary);--primary-hover: var(--md-primary-container);--secondary: hsl(267, 94%, 43%);--secondary-hover: #4338ca;--background: var(--md-background);--surface: var(--md-surface);--surface-hover: var(--md-surface-variant);--text: var(--md-on-surface);--text-secondary: var(--md-on-surface-variant);--correct: #22c55e;--correct-hover: #16a34a;--incorrect: #ef4444;--incorrect-hover: #dc2626;--shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}body{background:var(--background);color:var(--text);margin:0;font-family:Inter,Segoe UI,sans-serif;line-height:1.6;transition:background-color .3s ease,color .3s ease}.dark-theme{--shadow: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3)}:root:not(.dark-theme){--shadow: 0 15px 25px -3px rgba(0, 0, 0, .15), 0 8px 12px -2px rgba(0, 0, 0, .08);--card-shadow: 0 10px 30px rgba(0, 0, 0, .12), 0 4px 8px rgba(44, 123, 229, .06);--hover-shadow: 0 20px 35px rgba(0, 0, 0, .18), 0 10px 15px rgba(44, 123, 229, .1)}:root:not(.dark-theme) .nav-link{color:#000;background:#0000000d}:root:not(.dark-theme) .nav-link:hover{background:#0000001a}:root:not(.dark-theme) .footer-link{color:#333}:root:not(.dark-theme) .answer-button{color:#000;background:#e9e9e9;border:1px solid #d0d0d0;box-shadow:0 4px 12px #00000014}:root:not(.dark-theme) .answer-button:hover{background:#d4d4d4;transform:translateY(-3px);box-shadow:0 8px 20px #0000001f,0 3px 8px #2c7be514}:root:not(.dark-theme) .btn.primary{background:var(--primary);color:#fff;font-weight:600;border:1px solid var(--primary);box-shadow:0 4px 12px #8e44ad4d}:root:not(.dark-theme) .btn.primary.multi-bubble{background:#8e44ad;color:#fff;font-weight:600;border:1px solid #8e44ad}:root:not(.dark-theme) .btn.primary.multi-bubble:hover{background:#6d2c87;color:#fff;border-color:#6d2c87;transform:translateY(-2px)}:root:not(.dark-theme) .btn.secondary{background:#0000000d;color:#000;border:1px solid rgba(0,0,0,.2)}:root:not(.dark-theme) .btn.secondary.multi-bubble{background:#2980b9;color:#fff;font-weight:600;border:1px solid #2980b9}:root:not(.dark-theme) .btn.secondary.multi-bubble:hover{background:#1c5e8c;color:#fff;border-color:#1c5e8c;transform:translateY(-2px)}:root:not(.dark-theme) .create-quiz-btn{background:#2c7be5;color:#fff}:root:not(.dark-theme) .create-quiz-btn:hover{background:#1c5db8;transform:translateY(-2px)}:root:not(.dark-theme) .start-quiz-btn{background:#2c7be5;color:#fff}:root:not(.dark-theme) .start-quiz-btn:hover{background:#1c5db8;transform:translateY(-2px)}:root:not(.dark-theme) .option-btn{background:#e9e9e9;color:#333;border:1px solid #d0d0d0}:root:not(.dark-theme) .option-btn.multi-bubble{background:#27ae60;color:#fff;font-weight:500;border:1px solid #27ae60}:root:not(.dark-theme) .option-btn.multi-bubble:hover{background:#1d8348;color:#fff;border-color:#1d8348;transform:translateY(-3px)}:root:not(.dark-theme) .option-btn:hover{background:#d4d4d4;transform:translateY(-2px)}:root:not(.dark-theme) .action-button.primary{background:#2c7be5;color:#fff}:root:not(.dark-theme) .action-button.primary:hover{background:#1c5db8;transform:translateY(-2px)}:root:not(.dark-theme) .action-button.secondary{background:#0000000d;color:#333;border:1px solid rgba(0,0,0,.2)}:root:not(.dark-theme) .action-button.secondary:hover{background:#0000001a;transform:translateY(-2px)}:root:not(.dark-theme) .btn-primary{background:#2c7be5;color:#fff}:root:not(.dark-theme) .btn-primary:hover{background:#1c5db8;transform:translateY(-2px)}:root:not(.dark-theme) .question-action-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:.5rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}:root:not(.dark-theme) .question-action-btn:hover{background:#e0e0e0;color:#333}:root:not(.dark-theme) .question-card{background:#fff;box-shadow:var(--card-shadow);border:1px solid rgba(44,123,229,.08)}:root:not(.dark-theme) .question-card:hover{box-shadow:var(--hover-shadow);border-color:#2c7be526}.app-container{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:2rem;flex:1}.header{background:#0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:1rem 2rem;position:sticky;top:0;z-index:100;box-shadow:0 4px 6px -1px #0000001a}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.logo{font-size:1.5rem;font-weight:700;color:var(--text);text-shadow:0 0 10px rgba(79,70,229,.5);display:flex;align-items:center;gap:.5rem}.logo:before{content:"🎮";font-size:1.8rem}.nav-links{display:flex;gap:1.5rem}.nav-link{color:var(--text);text-decoration:none;padding:.6rem 1.2rem;border-radius:8px;font-weight:500;transition:var(--transition);background:#ffffff0d;position:relative;overflow:hidden}.nav-link:hover{background:#ffffff1a;transform:translateY(-2px)}.nav-link.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #4f46e54d}.nav-link.active:after{content:"";position:absolute;bottom:0;left:25%;width:50%;height:3px;background:var(--secondary);border-radius:3px 3px 0 0}.footer{background:#0000004d;padding:1.5rem 2rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:100;box-shadow:0 -4px 6px -1px #0000001a;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;text-align:center;color:var(--text-secondary);display:flex;justify-content:space-between;align-items:center}.quiz-container{background:var(--surface);border-radius:16px;padding:2.5rem;margin:3rem auto;max-width:800px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.08)}:root:not(.dark-theme) .quiz-container{box-shadow:var(--card-shadow);border:1px solid rgba(44,123,229,.1)}.question-card{background:#ffffff0d;border-radius:12px;padding:2.5rem;margin:2.5rem 0;box-shadow:0 4px 6px #0000001a;border:1px solid rgba(255,255,255,.05);transition:var(--transition)}.question-card:hover{transform:translateY(-3px);box-shadow:0 8px 15px #0003}.answer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1.5rem}.answer-button{display:flex;align-items:center;width:100%;padding:1.2rem;margin:.5rem 0;background:var(--surface-hover);border:none;border-radius:10px;color:var(--text);text-align:left;cursor:pointer;transition:var(--transition);font-size:1rem;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000001a}.answer-button:hover{background:#ffffff26;transform:translateY(-2px)}.answer-button.correct{background:var(--correct);box-shadow:0 0 15px #22c55e66}.answer-button.incorrect{background:var(--incorrect);box-shadow:0 0 15px #ef444466}.results-container{text-align:center;padding:4rem 2rem;background:var(--surface);border-radius:16px;margin:3rem auto;max-width:800px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.08)}:root:not(.dark-theme) .results-container{box-shadow:var(--card-shadow);border:1px solid rgba(44,123,229,.1)}.score-display{font-size:3rem;color:var(--correct);margin:2rem 0;font-weight:700;text-shadow:0 0 10px rgba(34,197,94,.4)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.6rem;font-size:1rem;font-weight:500;border-radius:8px;cursor:pointer;transition:var(--transition);text-decoration:none;gap:.5rem;border:none;position:relative;overflow:hidden}.btn.primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px #4f46e54d}.btn.primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 15px #4f46e566}.btn.secondary{background:#ffffff1a;color:var(--text);border:1px solid rgba(255,255,255,.2)}.btn.secondary:hover{background:#ffffff26;transform:translateY(-2px)}.btn:before,.btn:after,.option-btn:before,.option-btn:after,.start-quiz-btn:before,.start-quiz-btn:after,.create-quiz-btn:before,.create-quiz-btn:after,button[type=submit]:before,button[type=submit]:after,button[type=button]:before,button[type=button]:after{content:"";position:absolute;background:#fff6;border-radius:50%;transform:scale(0);opacity:0;pointer-events:none;transition:transform .8s ease-out,opacity .8s ease-out}.btn:before,.option-btn:before,.start-quiz-btn:before,.create-quiz-btn:before,button[type=submit]:before,button[type=button]:before{width:20px;height:20px;left:20%;top:20%}.btn:after,.option-btn:after,.start-quiz-btn:after,.create-quiz-btn:after,button[type=submit]:after,button[type=button]:after{width:25px;height:25px;right:25%;bottom:15%}.btn:hover:before,.option-btn:hover:before,.start-quiz-btn:hover:before,.create-quiz-btn:hover:before,button[type=submit]:hover:before,button[type=button]:hover:before{transform:scale(1.5);opacity:1;animation:bubble-float 2.5s ease-in-out infinite}.btn:hover:after,.option-btn:hover:after,.start-quiz-btn:hover:after,.create-quiz-btn:hover:after,button[type=submit]:hover:after,button[type=button]:hover:after{transform:scale(2);opacity:.8;animation:bubble-float 3s ease-in-out infinite .2s}.multi-bubble{overflow:hidden;position:relative}.multi-bubble:before{display:none}.multi-bubble:after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:10px;pointer-events:none}.multi-bubble:hover .bubble{opacity:0;animation:rise 2.5s ease-out forwards}.multi-bubble .bubble{position:absolute;background:#fff9;border-radius:50%;bottom:0;opacity:0;pointer-events:none}.multi-bubble .bubble:nth-child(1){width:10px;height:10px;left:5%;animation-delay:0s}.multi-bubble .bubble:nth-child(2){width:8px;height:8px;left:12%;animation-delay:.2s}.multi-bubble .bubble:nth-child(3){width:12px;height:12px;left:20%;animation-delay:.1s}.multi-bubble .bubble:nth-child(4){width:7px;height:7px;left:30%;animation-delay:.3s}.multi-bubble .bubble:nth-child(5){width:9px;height:9px;left:40%;animation-delay:.5s}.multi-bubble .bubble:nth-child(6){width:11px;height:11px;left:50%;animation-delay:.2s}.multi-bubble .bubble:nth-child(7){width:6px;height:6px;left:60%;animation-delay:.1s}.multi-bubble .bubble:nth-child(8){width:10px;height:10px;left:68%;animation-delay:.4s}.multi-bubble .bubble:nth-child(9){width:7px;height:7px;left:75%;animation-delay:.3s}.multi-bubble .bubble:nth-child(10){width:11px;height:11px;left:80%;animation-delay:.5s}.multi-bubble .bubble:nth-child(11){width:9px;height:9px;left:85%;animation-delay:.2s}.multi-bubble .bubble:nth-child(12){width:8px;height:8px;left:90%;animation-delay:.4s}.multi-bubble .bubble:nth-child(13){width:12px;height:12px;left:95%;animation-delay:.3s}.multi-bubble .bubble:nth-child(14){width:6px;height:6px;left:97%;animation-delay:.1s}@keyframes bubble-float{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.2)}to{transform:translateY(-30px) scale(.8);opacity:0}}@keyframes rise{0%{bottom:0;opacity:0}5%{opacity:.8}50%{opacity:.6}to{bottom:100px;opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.fade-in{animation:fadeIn .5s ease forwards}.pulse{animation:pulse 2s infinite}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus{outline:2px solid var(--secondary);outline-offset:2px}@media (max-width: 768px){.nav-links{display:none}.mobile-menu{display:block}.quiz-container,.results-container{margin:2rem 1rem;padding:1.5rem}.question-card{padding:1.5rem;margin:1.5rem 0}.answer-grid{grid-template-columns:1fr}.hero-title{font-size:2rem}}@layer base{:root{--primary: #8e44ad;--surface: #ffffff;--text: #1a1a1a;--text-secondary: #444444;--background: #f5f5f5;--btn-hover-color: #6a3b82;--md-primary: var(--primary);--md-primary-container: #7d32a8;--md-on-primary: #ffffff;--md-secondary: #4caf50;--md-secondary-container: #388e3c;--md-on-secondary: #ffffff;--md-background: var(--background);--md-surface: var(--surface);--md-surface-variant: #f0f0f0;--md-error: #f44336;--md-error-container: #d32f2f;--md-on-primary-container: rgba(255, 255, 255, .87);--md-on-secondary-container: rgba(255, 255, 255, .87);--md-on-background: var(--text);--md-on-surface: var(--text);--md-on-surface-variant: var(--text-secondary);--md-outline: rgba(0, 0, 0, .12);--md-spacing-1: 4px;--md-spacing-2: 8px;--md-spacing-3: 12px;--md-spacing-4: 16px;--md-spacing-5: 20px;--md-spacing-6: 24px;--md-spacing-7: 28px;--md-spacing-8: 32px;--md-font-family: "Roboto", sans-serif;--md-font-weight-bold: 700;--md-font-weight-medium: 500;--md-font-weight-regular: 400;--md-border-radius: 4px;--md-border-radius-large: 12px;--md-elevation-4: 0 4px 8px rgba(0, 0, 0, .15);--md-elevation-6: 0 6px 16px rgba(0, 0, 0, .18);--md-elevation-8: 0 8px 24px rgba(0, 0, 0, .2);--md-elevation-12: 0 12px 32px rgba(0, 0, 0, .22);--md-success: #4caf50;--md-on-success: #fff}html.dark-theme,body.dark-theme{--primary: #4f46e5;--primary-hover: #4338ca;--secondary: #4f46e5;--surface: #1f2937;--text: #f9fafb;--text-secondary: #d1d5db;--background: #111827;--btn-hover-color: #3730a3;--md-primary: var(--primary);--md-primary-container: var(--primary-hover);--md-on-primary: #ffffff;--md-background: var(--background);--md-surface: var(--surface);--md-surface-variant: #374151;--md-on-background: var(--text);--md-on-surface: var(--text);--md-on-surface-variant: var(--text-secondary);--md-outline: rgba(255, 255, 255, .12)}@media (min-width: 640px){:root{--md-spacing-1: 8px;--md-spacing-2: 12px;--md-spacing-3: 16px;--md-spacing-4: 20px;--md-spacing-5: 24px;--md-spacing-6: 28px;--md-spacing-7: 32px;--md-spacing-8: 36px}}@media (min-width: 768px){:root{--md-spacing-1: 12px;--md-spacing-2: 16px;--md-spacing-3: 20px;--md-spacing-4: 24px;--md-spacing-5: 28px;--md-spacing-6: 32px;--md-spacing-7: 36px;--md-spacing-8: 40px}}@media (min-width: 1024px){:root{--md-spacing-1: 16px;--md-spacing-2: 20px;--md-spacing-3: 24px;--md-spacing-4: 28px;--md-spacing-5: 32px;--md-spacing-6: 36px;--md-spacing-7: 40px;--md-spacing-8: 44px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--md-font-family);line-height:1.5;background:var(--md-background);color:var(--md-on-surface);transition:background-color .3s ease,color .3s ease}a{color:var(--md-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--md-primary-container)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--md-spacing-4)}@media (min-width: 640px){.container{max-width:768px}}@media (min-width: 768px){.container{max-width:1024px}}@media (min-width: 1024px){.container{max-width:1200px}}.btn{padding:var(--md-spacing-3) var(--md-spacing-6);border-radius:24px;font-size:1rem;font-weight:var(--md-font-weight-bold);transition:all .3s ease;box-shadow:var(--md-elevation-4);background:var(--md-surface);border:1px solid var(--md-outline);color:var(--md-on-surface);display:inline-flex;align-items:center;justify-content:center;min-width:200px;cursor:pointer}.btn:hover{transform:translateY(-2px);box-shadow:var(--md-elevation-6);background-color:var(--btn-hover-color);color:#fff}.btn:focus{outline:none;box-shadow:0 0 0 2px var(--md-primary-container)}.btn-group{display:flex;flex-direction:column;gap:var(--md-spacing-4);align-items:center}.btn-group.horizontal{flex-direction:row;gap:var(--md-spacing-6)}.btn-group.form{width:100%;max-width:600px;margin:0 auto}.btn-group.form>.btn{min-width:100%}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-truncate{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-nowrap{white-space:nowrap}.text-wrap{word-wrap:break-word}.text-break{word-break:break-all}.text-capitalize{text-transform:capitalize}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-bold{font-weight:var(--md-font-weight-bold)}.text-medium{font-weight:var(--md-font-weight-medium)}.text-regular{font-weight:var(--md-font-weight-regular)}.text-italic{font-style:italic}.text-normal{font-style:normal}.text-decoration-none{text-decoration:none}.text-decoration-underline{text-decoration:underline}.text-decoration-line-through{text-decoration:line-through}.text-decoration-overline{text-decoration:overline}.text-decoration-blink{text-decoration:blink}.text-decoration-wavy{text-decoration:wavy}.text-decoration-dotted{text-decoration:dotted}.text-decoration-dashed{text-decoration:dashed}.text-decoration-double{text-decoration:double}.text-decoration-solid{text-decoration:solid}.text-decoration-thin{text-decoration:thin}.text-decoration-thick{text-decoration:thick}}