@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@300;400;500;600;700&display=swap");:root{--primary-dark:#0a0a0a;--secondary-dark:#1a1a1a;--accent-purple:#9333ea;--accent-gold:#ffd700;--accent-yellow:#ffe066;--text-main:#fff;--text-subtle:#e0e0e0;--card-bg:#18181b;--card-border:rgba(255,215,0,0.15);--focus-outline:2px solid #ffd700}.quiz-area{max-width:600px;margin:40px auto 0;background:linear-gradient(135deg,var(--primary-dark) 0,var(--secondary-dark) 50%,#0f0f0f 100%);border-radius:18px;box-shadow:0 8px 40px rgba(147,51,234,.18);padding:32px 24px 24px;position:relative;z-index:2}.quiz-title{font-family:Orbitron,monospace;font-size:2rem;color:var(--accent-gold);text-align:center;margin-bottom:8px;letter-spacing:-.01em;background:linear-gradient(90deg,#fff 0,var(--accent-gold) 50%,var(--accent-purple) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textGradient 6s ease-in-out infinite;gap:10px}.quiz-progress,.quiz-title{display:flex;align-items:center;justify-content:center}.quiz-progress{font-family:Rajdhani,sans-serif;color:var(--accent-yellow);text-align:center;margin-bottom:24px;font-size:1.1rem;gap:18px}.quiz-nav{display:flex;justify-content:space-between;margin-top:24px;gap:12px}.quiz-btn{background:var(--card-bg);border:2px solid var(--accent-purple);border-radius:10px;color:var(--accent-gold);font-family:Orbitron,monospace;font-size:1.1rem;font-weight:700;padding:10px 24px;cursor:pointer;transition:background .18s,border .18s,color .18s;outline:none}.quiz-btn:focus{border:var(--focus-outline)}.quiz-btn:disabled{opacity:.5;cursor:not-allowed}.mcq-options{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.mcq-option{background:var(--card-bg);border:2px solid var(--accent-purple);border-radius:8px;color:var(--accent-gold);font-family:Rajdhani,sans-serif;font-size:1.1rem;padding:10px 16px;cursor:pointer;transition:background .18s,border .18s,color .18s;outline:none;display:flex;align-items:center;gap:10px}.mcq-option.selected,.mcq-option:focus{border:var(--focus-outline);background:linear-gradient(135deg,#18181b 80%,var(--accent-gold) 100%);color:var(--accent-purple)}.slider-area{margin-bottom:18px;text-align:center}.quiz-slider{width:100%;accent-color:var(--accent-gold);margin:12px 0}.slider-value{color:var(--accent-yellow);font-family:Orbitron,monospace;font-size:1.2rem}.text-area{margin-bottom:18px}.quiz-text-input{width:100%;min-height:60px;background:var(--card-bg);border:2px solid var(--accent-purple);border-radius:8px;color:var(--accent-gold);font-family:Rajdhani,sans-serif;font-size:1.1rem;padding:10px 14px;outline:none;transition:border .18s}.quiz-text-input:focus{border:var(--focus-outline)}.draggable-list{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.draggable-item{background:var(--card-bg);border:2px solid var(--accent-purple);border-radius:8px;color:var(--accent-gold);font-family:Rajdhani,sans-serif;font-size:1.1rem;padding:10px 16px;cursor:pointer;transition:background .18s,border .18s,color .18s,box-shadow .18s;outline:none;display:flex;align-items:center;gap:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.draggable-item:focus{border:var(--focus-outline);box-shadow:0 0 0 4px rgba(255,215,0,.18)}.draggable-item.dragging{background:linear-gradient(135deg,#18181b 80%,var(--accent-gold) 100%);color:var(--accent-purple);box-shadow:0 8px 32px rgba(255,215,0,.12);opacity:.8;cursor:-webkit-grabbing;cursor:grabbing}.stats-modal{background:var(--card-bg);border-radius:16px;box-shadow:0 4px 24px rgba(147,51,234,.08);padding:32px 24px;text-align:center;color:var(--accent-gold);font-family:Rajdhani,sans-serif;margin:0 auto;max-width:400px}.stats-title{font-family:Orbitron,monospace;font-size:1.5rem;color:var(--accent-gold);margin-bottom:18px}.stats-list{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.stat-item{display:flex;align-items:center;gap:10px;font-size:1.1rem}.stat-icon{color:var(--accent-purple);font-size:1.2rem}.ai-tips{background:rgba(147,51,234,.08);color:var(--accent-yellow);border-radius:8px;padding:10px 14px;margin-bottom:18px;display:flex;align-items:center;gap:10px;font-size:1rem}.ai-icon{color:var(--accent-gold);font-size:1.2rem}@media (max-width:600px){.quiz-area{padding:12px 4px}.quiz-title{font-size:1.2rem}.quiz-btn{font-size:1rem;padding:8px 12px}}.quiz-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:32px;gap:32px;margin-top:32px;margin-bottom:32px}.quiz-card{background:var(--card-bg);border:2px solid var(--card-border);border-radius:18px;box-shadow:0 4px 24px rgba(147,51,234,.08);padding:32px 16px 24px;display:flex;flex-direction:column;align-items:center;transition:transform .18s cubic-bezier(.4,2,.6,1),box-shadow .18s,border .18s;outline:none;font-family:Rajdhani,sans-serif;color:var(--text-main);font-size:1.1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.quiz-card:focus{border:var(--focus-outline);box-shadow:0 0 0 4px rgba(255,215,0,.18)}.quiz-card:active,.quiz-card:hover{transform:translateY(-6px) scale(1.04);border-color:var(--accent-gold);box-shadow:0 8px 32px rgba(255,215,0,.12);background:linear-gradient(135deg,#18181b 80%,var(--accent-purple) 100%)}.quiz-card-icon{font-size:2.6rem;color:var(--accent-purple);margin-bottom:12px;transition:color .2s}.quiz-card:hover .quiz-card-icon{color:var(--accent-gold)}.quiz-card-title{font-family:Orbitron,monospace;font-size:1.15rem;color:var(--accent-yellow);margin-top:4px;margin-bottom:8px;letter-spacing:.01em;text-align:center}.quiz-card-desc{color:var(--text-subtle);font-size:1rem;margin-bottom:18px;text-align:center}.ai-quiz{border:2px solid var(--accent-gold);background:linear-gradient(135deg,#18181b 80%,var(--accent-gold) 100%)}@media (max-width:700px){.quiz-dashboard-grid{gap:16px}.quiz-card{padding:20px 8px 16px;font-size:1rem}.quiz-card-icon{font-size:2rem}}