:root{--dashboard-primary: var(--pyq-primary);--dashboard-secondary: var(--pyq-text-secondary);--dashboard-accent: var(--pyq-primary-bg);--dashboard-surface-primary: var(--pyq-surface-primary);--dashboard-surface-secondary: var(--pyq-surface-secondary);--dashboard-surface-tertiary: var(--pyq-surface-tertiary);--dashboard-surface-hover: var(--pyq-surface-hover);--dashboard-text-primary: var(--pyq-text-primary);--dashboard-text-secondary: var(--pyq-text-secondary);--dashboard-text-muted: var(--pyq-text-muted);--dashboard-border-light: var(--pyq-border-light);--dashboard-border-medium: var(--pyq-border-medium);--dashboard-success: var(--pyq-success);--dashboard-success-bg: var(--pyq-success-bg);--dashboard-warning: var(--pyq-warning);--dashboard-warning-bg: var(--pyq-warning-bg);--dashboard-error: var(--pyq-error);--dashboard-error-bg: var(--pyq-error-bg);--dashboard-focus: #6366f1;--dashboard-motivation: #8b5cf6;--dashboard-achievement: #10b981;--dashboard-learning: #3b82f6;--dashboard-gradient-primary: linear-gradient(135deg, var(--dashboard-primary), var(--dashboard-motivation));--dashboard-gradient-success: linear-gradient(135deg, var(--dashboard-achievement), var(--dashboard-success));--dashboard-gradient-learning: linear-gradient(135deg, var(--dashboard-learning), var(--dashboard-focus))}[data-theme=dark]{--dashboard-focus: #818cf8;--dashboard-motivation: #a78bfa;--dashboard-achievement: #34d399;--dashboard-learning: #60a5fa}.educational-dashboard{background:var(--dashboard-surface-primary);color:var(--dashboard-text-primary);border-radius:12px;transition:all .2s ease}.educational-dashboard-card{background:var(--dashboard-surface-secondary);border:1px solid var(--dashboard-border-light);border-radius:12px;padding:1.5rem;transition:all .2s ease}.educational-dashboard-card:hover{background:var(--dashboard-surface-hover);border-color:var(--dashboard-border-medium);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dashboard-heading-primary{color:var(--dashboard-text-primary);font-weight:600;line-height:1.2}.dashboard-heading-secondary{color:var(--dashboard-text-secondary);font-weight:500;line-height:1.3}.dashboard-text-muted{color:var(--dashboard-text-muted);font-size:.875rem}.dashboard-button-primary{background:var(--dashboard-primary);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s ease;cursor:pointer}.dashboard-button-primary:hover{opacity:.9;transform:translateY(-1px)}.dashboard-button-secondary{background:var(--dashboard-surface-secondary);color:var(--dashboard-text-secondary);border:1px solid var(--dashboard-border-medium);border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s ease;cursor:pointer}.dashboard-button-secondary:hover{background:var(--dashboard-surface-hover);color:var(--dashboard-text-primary);border-color:var(--dashboard-border-medium)}.dashboard-stat-card{background:var(--dashboard-surface-secondary);border:1px solid var(--dashboard-border-light);border-radius:12px;padding:1.5rem;text-align:center;transition:all .2s ease}.dashboard-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.dashboard-stat-value{font-size:2rem;font-weight:700;color:var(--dashboard-primary);line-height:1;margin-bottom:.5rem}.dashboard-stat-label{color:var(--dashboard-text-secondary);font-size:.875rem;font-weight:500}.dashboard-progress-bar{background:var(--dashboard-surface-tertiary);border-radius:8px;height:8px;overflow:hidden}.dashboard-progress-fill{background:var(--dashboard-gradient-primary);height:100%;border-radius:8px;transition:width .3s ease}.dashboard-icon{color:var(--dashboard-primary);transition:color .2s ease}.dashboard-icon-success{color:var(--dashboard-achievement)}.dashboard-icon-warning{color:var(--dashboard-warning)}.dashboard-icon-error{color:var(--dashboard-error)}.dashboard-section{margin-bottom:2rem}.dashboard-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--dashboard-border-light)}.dashboard-section-title{font-size:1.25rem;font-weight:600;color:var(--dashboard-text-primary)}.dashboard-grid{display:grid;gap:1.5rem}.dashboard-grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.dashboard-grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.dashboard-grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width: 768px){.dashboard-grid{grid-template-columns:1fr}.educational-dashboard-card{padding:1rem}.dashboard-section-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.dashboard-fade-in{animation:dashboardFadeIn .5s ease forwards}.dashboard-slide-up{animation:dashboardSlideUp .5s ease forwards}@keyframes dashboardFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dashboardSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-focusable:focus{outline:2px solid var(--dashboard-focus);outline-offset:2px}@media (prefers-reduced-motion: reduce){.educational-dashboard-card,.dashboard-button-primary,.dashboard-button-secondary,.dashboard-stat-card,.dashboard-progress-fill{transition:none}.dashboard-fade-in,.dashboard-slide-up{animation:none}}@media print{.educational-dashboard{background:#fff;color:#000}.educational-dashboard-card{border:1px solid #ddd;box-shadow:none}}.question-card-container{box-sizing:border-box;overflow:auto;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:box-shadow .2s ease;position:relative;background:transparent;opacity:1;transform:translateY(0)}.question-card-container:before{content:"";position:absolute;inset:0;padding:1px;background:linear-gradient(135deg,#94a3b833,#cbd5e11a);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;pointer-events:none}.question-card-container:hover{box-shadow:0 8px 25px #0000001a!important}.question-card-container.loaded{opacity:1;transform:translateY(0)}.question-card-container{animation:fadeInContent .4s cubic-bezier(.4,0,.2,1);transition:all .3s ease}.question-card-container h3{transition:none;backdrop-filter:none;-webkit-backdrop-filter:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:-.025em;position:relative;overflow:hidden}.question-card-container h3:before{display:none}.question-card-container h3:hover{background:inherit!important;transform:none;box-shadow:inherit;border-color:inherit}.question-card-container .space-y-3{margin-top:1rem}.question-card-container .leading-relaxed{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.75;color:#334155}@keyframes fadeInContent{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.question-card-header{padding-right:140px!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mark-for-review-btn{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative!important;border-radius:1rem!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.mark-for-review-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:left .6s cubic-bezier(.4,0,.2,1)}.mark-for-review-btn:hover:before{left:100%}.mark-for-review-btn:active{transform:scale(.97)!important}.mark-for-review-btn:focus{outline:none;box-shadow:0 0 0 3px #3b82f633,0 8px 25px #3b82f626}.mark-for-review-btn:focus:not(:focus-visible){box-shadow:0 8px 25px #3b82f626}.mark-for-review-btn:focus-visible{box-shadow:0 0 0 3px #3b82f633,0 8px 25px #3b82f626}@media (hover: none) and (pointer: coarse){.mark-for-review-btn{min-height:44px!important;min-width:44px!important}}.question-card-content{overflow-wrap:break-word;word-wrap:break-word;hyphens:auto}.question-card-navigation{margin-top:auto;background:transparent;border-top:none}.question-card-option{transition:all .2s ease;box-sizing:border-box}.question-card-option:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.question-card-button{min-width:120px;height:50px;transition:all .2s ease;box-sizing:border-box}.question-card-button:hover{transform:translateY(-1px)}@media (max-width: 1280px){.question-card-container{width:95vw!important;max-width:1200px}}@media (max-width: 768px){.question-card-container{width:98vw!important;min-height:700px!important;margin:.5rem auto;border-radius:1.25rem!important}.question-card-container:hover{transform:translateY(-1px);box-shadow:0 20px 40px -12px #00000040,0 0 0 1px #ffffff80!important}.question-card-content{margin:.75rem!important;padding:1.5rem!important;border-radius:1rem!important}.question-card-button{min-width:100px;height:45px}.question-card-navigation{margin:.5rem .75rem!important;padding:.75rem 0!important}.question-card-header{padding-right:100px!important;height:120px!important;border-radius:1.25rem 1.25rem 0 0!important}.question-card-header h1{font-size:2rem!important}.question-card-header span{font-size:1rem!important}.question-card-header div:last-child{font-size:1rem!important}.mark-for-review-btn{top:18px!important;right:12px!important;min-width:80px!important;padding:.5rem .75rem!important;font-size:.875rem!important;border-radius:.875rem!important}}@media (max-width: 480px){.question-card-container{border-radius:1rem!important}.question-card-content{margin:.5rem!important;padding:1rem!important;border-radius:.875rem!important}.question-card-header{padding-right:80px!important;height:100px!important;border-radius:1rem 1rem 0 0!important}.question-card-header h1{font-size:1.5rem!important}.question-card-header span{font-size:.875rem!important}.question-card-header div:last-child{font-size:.875rem!important}.mark-for-review-btn{top:14px!important;right:8px!important;min-width:60px!important;padding:.5rem!important;font-size:.8rem!important;border-radius:.75rem!important}}@media (max-width: 768px){.question-card-content h3{font-size:.875rem!important;padding:.375rem .75rem!important}}@media (max-width: 480px){.question-card-content h3{font-size:.8rem!important;padding:.25rem .5rem!important}}@media (max-width: 768px){.question-card-content h3{font-size:1rem!important;padding:.75rem 1.25rem!important;margin-bottom:1rem!important;line-height:1.4;border-radius:.75rem!important}.question-card-content .space-y-3{margin-top:.75rem;space-y:.5rem}.question-card-content .leading-relaxed{font-size:.95rem;line-height:1.6}}@media (max-width: 480px){.question-card-content h3{font-size:.9rem!important;padding:.5rem 1rem!important;margin-bottom:.75rem!important;border-radius:.5rem!important}.question-card-content .leading-relaxed{font-size:.9rem;line-height:1.55}.question-card-navigation{margin:.25rem .5rem!important;padding:.5rem 0!important}}.highlighted-text{background-color:#3b82f6!important;color:#fff!important;padding:2px 4px!important;border-radius:4px!important;font-weight:500!important;transition:all .2s ease!important;box-shadow:0 1px 3px #3b82f64d!important}.highlighted-text:hover{background-color:#2563eb!important;box-shadow:0 2px 6px #3b82f666!important}.highlighted-text-container{position:relative!important;display:inline!important}.removable-highlight{cursor:default!important;transition:all .2s ease!important}.highlight-remove-btn{position:absolute!important;top:-8px!important;right:-8px!important;width:16px!important;height:16px!important;border-radius:50%!important;border:none!important;background-color:#ef4444!important;color:#fff!important;font-size:10px!important;line-height:1!important;cursor:pointer!important;display:none!important;z-index:1000!important;font-family:monospace!important;font-weight:700!important;transition:all .2s ease!important;box-shadow:0 2px 4px #0003!important}.highlight-remove-btn:hover{background-color:#dc2626!important;transform:scale(1.1)!important;box-shadow:0 3px 6px #0000004d!important}.highlighted-text-container:hover .highlight-remove-btn{display:block!important}.highlighting-mode{cursor:text!important}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(30px) scale(.98)}60%{opacity:.8;transform:translateY(-2px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInContent{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes buttonPulse{0%{transform:scale(1);box-shadow:0 0 #3b82f6b3}70%{transform:scale(1.02);box-shadow:0 0 0 8px #3b82f600}to{transform:scale(1);box-shadow:0 0 #3b82f600}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes gentleBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-2px)}}.modern-button{position:relative;overflow:hidden;transition:background-color .2s ease}.modern-button:hover{background-color:#0000000d}.modern-button:active{background-color:#0000001a;transition:background-color .1s ease}.modern-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.modern-button:hover:before{left:100%}.question-content-animated{animation:fadeInContent .5s cubic-bezier(.4,0,.2,1) .2s both}.option-button{transition:background-color .2s ease,border-color .2s ease;position:relative;overflow:hidden;opacity:1;transform:translate(0)}.option-button:hover{background-color:#00000005}.option-button:active{background-color:#0000000d}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px) scale(.95)}60%{opacity:.8;transform:translate(2px) scale(1.02)}to{opacity:1;transform:translate(0) scale(1)}}.option-button:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .3s ease}.option-button:hover:after{left:100%}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@media (prefers-reduced-motion: reduce){.question-card-container,.modern-button,.option-button{animation:none;transition:none}.question-content-animated{animation:none}}.highlighting-mode *{cursor:text!important}
