header[data-v-edb9f849]{position:sticky;width:100%;top:0;z-index:50;text-align:center;margin-bottom:0;box-shadow:0 2px 8px #0000001a;background:var(--card-bg)!important;box-shadow:var(--shadow-sm)!important}.nav-header[data-v-edb9f849]{background:#fff;box-shadow:0 2px 8px #0000001a;border-bottom:2px solid #e2e8f0}.nav-domain[data-v-edb9f849]{position:absolute;left:50%;transform:translate(-50%) translateY(0);height:70px;display:flex;align-items:center;justify-content:center;padding:0 12px;font-size:1.5rem;color:#2d3748;border-radius:6px;transition:background .2s ease,color .2s ease,transform .2s ease;cursor:pointer;will-change:transform;text-decoration:none}.nav-domain-logo[data-v-edb9f849]{display:inline-block;width:60px;height:60px;margin-right:.5rem;flex-shrink:0}.nav-domain-inner[data-v-edb9f849]{display:inline-block;transform-origin:center}:root[data-theme=dark] .nav-domain[data-v-edb9f849]{color:#e2e8f0;text-decoration:none}.nav-domain[data-v-edb9f849]:focus-visible{outline:2px solid #5a67d8;outline-offset:4px;border-radius:4px}@keyframes navFloat-edb9f849{0%{transform:translate(0) translateY(0)}8%{transform:translate(-1px) translateY(-1px)}16%{transform:translate(-2px) translateY(-2px)}24%{transform:translate(-1.5px) translateY(-3px)}32%{transform:translate(.5px) translateY(-3.5px)}40%{transform:translate(1.5px) translateY(-4px)}50%{transform:translate(.5px) translateY(-3.5px)}64%{transform:translate(-.5px) translateY(-3px)}76%{transform:translate(.5px) translateY(-2px)}88%{transform:translate(.25px) translateY(-1px)}to{transform:translate(0) translateY(0)}}@keyframes navPulse-edb9f849{0%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(0,0,0,0))}30%{transform:scale(1.06);filter:drop-shadow(0 4px 12px rgba(0,0,0,.06))}55%{transform:scale(1.02);filter:drop-shadow(0 2px 8px rgba(0,0,0,.04))}to{transform:scale(1);filter:drop-shadow(0 0 0 rgba(0,0,0,0))}}.nav-header:hover .nav-domain[data-v-edb9f849]{color:#5a67d8;transform:translate(-50%) translateY(-1px)}.nav-container[data-v-edb9f849]{max-width:1500px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:70px}.nav-brand .brand-link[data-v-edb9f849]{text-decoration:none;color:#1a202c;transition:color .2s ease}.nav-brand .brand-link[data-v-edb9f849]:hover{color:#5a67d8}.nav-brand .brand-link[data-v-edb9f849]:focus-visible{outline:2px solid #5a67d8;outline-offset:4px;border-radius:4px}.nav-brand .brand-link .brand-title[data-v-edb9f849]{margin:0;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-content[data-v-edb9f849]{display:flex;align-items:center;gap:30px}.nav-links[data-v-edb9f849]{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0}.nav-links li[data-v-edb9f849]{margin:0}.nav-actions[data-v-edb9f849]{display:flex;align-items:center;padding-left:20px;border-left:2px solid #e2e8f0}.settings-link[data-v-edb9f849]{display:flex;align-items:center;justify-content:center;width:44px;height:44px;text-decoration:none;color:#4a5568;border-radius:50%;transition:all .2s ease;position:relative}.settings-link[data-v-edb9f849]:hover{color:#5a67d8;background:#f0f4ff;transform:rotate(90deg)}.settings-link[data-v-edb9f849]:focus-visible{outline:2px solid #5a67d8;outline-offset:2px}.settings-link.router-link-active[data-v-edb9f849],.settings-link[aria-current=page][data-v-edb9f849]{color:#5a67d8;background:#f0f4ff}.settings-link .settings-icon[data-v-edb9f849]{font-size:1.5rem;line-height:1}.nav-link[data-v-edb9f849]{display:flex;align-items:center;gap:8px;padding:12px 20px;text-decoration:none;color:#4a5568;font-size:1rem;font-weight:500;border-radius:8px;transition:all .2s ease;position:relative}.nav-link[data-v-edb9f849]:hover{color:#5a67d8;background:#f0f4ff}.nav-link[data-v-edb9f849]:focus-visible{outline:2px solid #5a67d8;outline-offset:2px}.nav-link.router-link-active[data-v-edb9f849],.nav-link[aria-current=page][data-v-edb9f849]{color:#5a67d8;background:#f0f4ff;font-weight:600}.nav-link.router-link-active[data-v-edb9f849]:after,.nav-link[aria-current=page][data-v-edb9f849]:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:60%;height:3px;background:#5a67d8;border-radius:4px 4px 0 0}.nav-link .nav-icon[data-v-edb9f849]{font-size:1.1rem;line-height:1}.nav-link .nav-text[data-v-edb9f849]{font-size:1rem}@media (max-width: 640px){.nav-container[data-v-edb9f849]{height:60px;padding:0 15px}.nav-brand .brand-link .brand-title[data-v-edb9f849]{font-size:1.3rem}.nav-content[data-v-edb9f849]{gap:20px}.nav-links[data-v-edb9f849]{gap:4px}.nav-link[data-v-edb9f849]{padding:8px 12px;font-size:.85rem}.nav-link .nav-icon[data-v-edb9f849]{font-size:1rem}.nav-link .nav-text[data-v-edb9f849]{font-size:.85rem}.nav-actions[data-v-edb9f849]{padding-left:12px}.settings-link[data-v-edb9f849]{width:40px;height:40px}.settings-link .settings-icon[data-v-edb9f849]{font-size:1.3rem}}@media (max-width: 480px){.nav-domain[data-v-edb9f849]{display:none}.nav-content[data-v-edb9f849]{gap:12px}.nav-link[data-v-edb9f849]{padding:8px}.nav-link .nav-text[data-v-edb9f849]{display:none}.nav-link .nav-icon[data-v-edb9f849]{font-size:1.3rem}.nav-actions[data-v-edb9f849]{padding-left:8px}.settings-link[data-v-edb9f849]{width:36px;height:36px}.settings-link .settings-icon[data-v-edb9f849]{font-size:1.1rem}}.nav-footer[data-v-8de28f5f]{width:100%;background:var(--card-bg);border-top:2px solid var(--border-base);box-shadow:0 2px 8px #0000001a;position:static;bottom:0;z-index:40;display:flex;flex-direction:column;align-items:center;color:var(--text-primary)}.footer-row[data-v-8de28f5f]{width:100%;max-width:1500px;padding:10px 20px;display:flex;align-items:center;justify-content:center}.footer-sponsors[data-v-8de28f5f]{border-bottom:1px solid var(--border-base);background:transparent}.sponsors-text[data-v-8de28f5f],.brand-text[data-v-8de28f5f]{margin:0;text-align:center;font-size:1rem;color:var(--text-primary)}.sponsors-text a[data-v-8de28f5f],.brand-text a[data-v-8de28f5f]{display:inline-flex;padding:0 5px;background:var(--card-bg);color:#5a67d8;text-decoration:none;transition:color .5s ease,transform .5s ease}.sponsors-text a[data-v-8de28f5f]:hover,.brand-text a[data-v-8de28f5f]:hover{transform:scale(1.25) translate(-5%,-5%);color:#4150d2}@media (max-width: 640px){.sponsors-text[data-v-8de28f5f],.brand-text[data-v-8de28f5f]{font-size:.9rem}.footer-row[data-v-8de28f5f]{padding:10px 12px}}.spinner-overlay[data-v-e09f06a8]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.spinner-overlay.active[data-v-e09f06a8]{opacity:1;visibility:visible}.spinner-container[data-v-e09f06a8]{text-align:center;padding:40px;background:var(--card-bg);border-radius:12px;box-shadow:0 10px 40px #0000004d;border:1px solid var(--border-base)}.spinner[data-v-e09f06a8]{position:relative;width:80px;height:80px;margin:0 auto 20px}.spinner-ring[data-v-e09f06a8]{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:#3498db;border-radius:50%;animation:spin-e09f06a8 1.5s cubic-bezier(.68,-.55,.27,1.55) infinite}.spinner-ring[data-v-e09f06a8]:nth-child(2){border-top-color:#9b59b6;animation-delay:.2s}.spinner-ring[data-v-e09f06a8]:nth-child(3){border-top-color:#e74c3c;animation-delay:.4s}@keyframes spin-e09f06a8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-text[data-v-e09f06a8]{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.spinner-subtext[data-v-e09f06a8]{font-size:.95rem;color:var(--text-secondary)}.custom-dialog[data-v-611f34ec]{border:none;border-radius:12px;padding:0;width:400px;max-width:90vw;box-shadow:0 10px 40px #0000004d}.custom-dialog[data-v-611f34ec]::backdrop{background:#00000080}@media (max-width: 480px){.custom-dialog[data-v-611f34ec]{width:95vw}}.dialog-content[data-v-611f34ec]{padding:0}.dialog-header[data-v-611f34ec]{padding:24px 24px 16px;border-bottom:1px solid #e1e8ed}.dialog-title[data-v-611f34ec]{margin:0;font-size:1.5rem;font-weight:600;color:#2c3e50}.dialog-body[data-v-611f34ec]{padding:24px}.dialog-message[data-v-611f34ec]{margin:0;font-size:1rem;line-height:1.6;color:#34495e}.dialog-footer[data-v-611f34ec]{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.dialog-btn[data-v-611f34ec]{padding:10px 24px;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.dialog-btn[data-v-611f34ec]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.dialog-btn[data-v-611f34ec]:active{transform:translateY(0)}.dialog-btn-cancel[data-v-611f34ec]{background:#ecf0f1;color:#2c3e50}.dialog-btn-cancel[data-v-611f34ec]:hover{background:#d5dbdb}.dialog-btn-confirm[data-v-611f34ec]{background:#3498db;color:#fff}.dialog-btn-confirm[data-v-611f34ec]:hover{background:#2980b9}.dialog-btn-confirm.danger[data-v-611f34ec]{background:#e74c3c}.dialog-btn-confirm.danger[data-v-611f34ec]:hover{background:#c0392b}:root[data-theme=dark] .custom-dialog{background:var(--card-bg, #0b1220);color:var(--text-primary, #e6eef8);border:1px solid var(--card-border, #1f2937);box-shadow:0 12px 40px #020617b3}:root[data-theme=dark] .custom-dialog::backdrop{background:#000000bf}:root[data-theme=dark] .dialog-header{border-bottom:1px solid var(--border-medium, #122033)}:root[data-theme=dark] .dialog-body,:root[data-theme=dark] .dialog-message{color:var(--text-secondary, #c9d6e3)}:root[data-theme=dark] .dialog-footer{background:transparent}:root[data-theme=dark] .dialog-btn-cancel{background:var(--bg-secondary, #0f1724);color:var(--text-primary, #e6eef8);border:1px solid var(--border-base, #22303a)}:root[data-theme=dark] .dialog-btn-cancel:hover{background:color-mix(in srgb,var(--bg-secondary, #0f1724) 80%,black)}:root[data-theme=dark] .dialog-btn-confirm{background:var(--bg-accent, #5a67d8);color:var(--text-on-accent, #fff)}:root[data-theme=dark] .dialog-btn-confirm:hover{filter:brightness(.95);box-shadow:0 6px 18px #00000073}:root[data-theme=dark] .dialog-btn-confirm.danger{background:var(--danger, #e53e3e)}*{margin:0;padding:0;box-sizing:border-box}html{display:flex;flex-direction:column;flex:1 0 auto;min-height:100vh}body{display:flex;flex-direction:column;flex:1 0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100%;color:#1a202c}#app{display:flex;flex-direction:column}.container{display:flex;flex-direction:column;width:100%;margin:0 auto;padding:20px}input::placeholder,select::placeholder,textarea::placeholder{text-overflow:ellipsis}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}:root[data-theme=light],:root:not([data-theme]){--bg-body: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--bg-container: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-hover: #f0f4ff;--text-primary: #1a202c;--text-secondary: #4a5568;--text-tertiary: #64748b;--text-muted: #a0aec0;--text-inverse: #ffffff;--border-light: #f1f5f9;--border-base: #e2e8f0;--border-medium: #cbd5e0;--border-dark: #a0aec0;--card-bg: #ffffff;--card-border: #e2e8f0;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 25px rgba(0, 0, 0, .15);--shadow-xl: 0 10px 30px rgba(0, 0, 0, .2);--topic-perfect-bg: #d4edda;--topic-perfect-color: #155724;--topic-good-bg: #d1ecf1;--topic-good-color: #0c5460;--topic-fair-bg: #fff3cd;--topic-fair-color: #856404;--topic-poor-bg: #ffeaa7;--topic-poor-color: #d63031;--topic-fail-bg: #f8d7da;--topic-fail-color: #721c24;--topic-neutral-bg: #e9ecef;--topic-neutral-color: #6c757d}:root[data-theme=dark]{--bg-body: linear-gradient(135deg, #1a1f3a 0%, #2d1b3d 100%);--bg-container: #1e2433;--bg-secondary: #252b3b;--bg-tertiary: #2d3548;--bg-hover: #353d52;--text-primary: #e2e8f0;--text-secondary: #cbd5e0;--text-tertiary: #a0aec0;--text-muted: #64748b;--text-inverse: #1a202c;--border-light: #2d3548;--border-base: #353d52;--border-medium: #4a5568;--border-dark: #64748b;--card-bg: #252b3b;--card-border: #353d52;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 25px rgba(0, 0, 0, .6);--shadow-xl: 0 10px 30px rgba(0, 0, 0, .7);--topic-perfect-bg: rgba(74, 222, 128, .08);--topic-perfect-color: #4ade80;--topic-good-bg: rgba(34, 211, 238, .06);--topic-good-color: #22d3ee;--topic-fair-bg: rgba(251, 191, 36, .06);--topic-fair-color: #fbbf24;--topic-poor-bg: rgba(251, 146, 60, .06);--topic-poor-color: #fb923c;--topic-fail-bg: rgba(239, 142, 142, .06);--topic-fail-color: #ef8e8e;--topic-neutral-bg: transparent;--topic-neutral-color: #9ca3af}body{background:var(--bg-body)!important;color:var(--text-primary)}.container{color:var(--text-primary)}.screen{background:var(--card-bg)!important;border:1px solid var(--card-border)!important;box-shadow:var(--shadow-xl)!important}.results-history{background:var(--card-bg)!important}.results-history h2{color:var(--text-primary)!important}.difficulty-average{color:var(--text-secondary)!important}.difficulty-title{color:var(--text-primary)!important}.assessment-results-container{background:var(--bg-secondary)!important}.attempt-item{background:var(--bg-tertiary)!important}.attempt-score,.attempt-time,.topics-list{color:var(--text-secondary)!important}.nav-header{background:var(--card-bg)!important;border-bottom-color:var(--border-base)!important;box-shadow:var(--shadow-sm)!important}.nav-brand .brand-link{color:var(--text-primary)!important}.nav-link{color:var(--text-secondary)!important}.nav-link:hover{background:var(--bg-hover)!important}.nav-link.router-link-active,.nav-link[aria-current=page]{color:#5a67d8!important}:root[data-theme=light] .nav-link.router-link-active,:root[data-theme=light] .nav-link[aria-current=page],:root:not([data-theme]) .nav-link.router-link-active,:root:not([data-theme]) .nav-link[aria-current=page]{background:#f0f4ff!important}:root[data-theme=light] .settings-link.router-link-active,:root[data-theme=light] .settings-link[aria-current=page],:root:not([data-theme]) .settings-link.router-link-active,:root:not([data-theme]) .settings-link[aria-current=page]{background:#f0f4ff!important}:root[data-theme=dark] .nav-link.router-link-active,:root[data-theme=dark] .nav-link[aria-current=page]{background:#5a67d833!important}:root[data-theme=dark] .settings-link.router-link-active,:root[data-theme=dark] .settings-link[aria-current=page]{background:#5a67d833!important}.nav-actions{border-left-color:var(--border-base)!important}.settings-link{color:var(--text-secondary)!important}.settings-link:hover{background:var(--bg-hover)!important}.results-overview{background:var(--bg-secondary)!important;border-color:var(--border-base)!important}.overview-title{color:var(--text-primary)!important}.difficulty-tab{border-color:var(--border-base)!important;box-shadow:var(--shadow-sm)!important}.difficulty-tab:hover{box-shadow:var(--shadow-md)!important}.difficulty-name{color:currentColor!important}.stat-label{color:var(--text-tertiary)!important}.stat-value{color:currentColor!important}.no-data-badge{background:var(--bg-tertiary)!important;color:var(--text-muted)!important}:root[data-theme=light] .difficulty-tab.difficulty-easy,:root:not([data-theme]) .difficulty-tab.difficulty-easy{background:linear-gradient(135deg,#f0fdf4,#dcfce7)!important;color:#059669!important}:root[data-theme=light] .difficulty-tab.difficulty-easy.has-results:hover,:root:not([data-theme]) .difficulty-tab.difficulty-easy.has-results:hover{background:linear-gradient(135deg,#dcfce7,#bbf7d0)!important}:root[data-theme=light] .difficulty-tab.difficulty-medium,:root:not([data-theme]) .difficulty-tab.difficulty-medium{background:linear-gradient(135deg,#eff6ff,#dbeafe)!important;color:#2563eb!important}:root[data-theme=light] .difficulty-tab.difficulty-medium.has-results:hover,:root:not([data-theme]) .difficulty-tab.difficulty-medium.has-results:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important}:root[data-theme=light] .difficulty-tab.difficulty-hard,:root:not([data-theme]) .difficulty-tab.difficulty-hard{background:linear-gradient(135deg,#fef2f2,#fee2e2)!important;color:#dc2626!important}:root[data-theme=light] .difficulty-tab.difficulty-hard.has-results:hover,:root:not([data-theme]) .difficulty-tab.difficulty-hard.has-results:hover{background:linear-gradient(135deg,#fee2e2,#fecaca)!important}:root[data-theme=dark] .difficulty-tab.difficulty-easy{background:linear-gradient(135deg,#1a2e23,#0f4229)!important;color:#34d399!important;border-color:#065f46!important}:root[data-theme=dark] .difficulty-tab.difficulty-easy.has-results:hover{background:linear-gradient(135deg,#0f4229,#064e3b)!important}:root[data-theme=dark] .difficulty-tab.difficulty-medium{background:linear-gradient(135deg,#1e293b,#1e3a8a)!important;color:#60a5fa!important;border-color:#1e40af!important}:root[data-theme=dark] .difficulty-tab.difficulty-medium.has-results:hover{background:linear-gradient(135deg,#1e3a8a,#1e40af)!important}:root[data-theme=dark] .difficulty-tab.difficulty-hard{background:linear-gradient(135deg,#2d1b1f,#7f1d1d)!important;color:#f87171!important;border-color:#991b1b!important}:root[data-theme=dark] .difficulty-tab.difficulty-hard.has-results:hover{background:linear-gradient(135deg,#7f1d1d,#991b1b)!important}.assessment-card{background:var(--card-bg)!important;border-color:var(--border-base)!important;box-shadow:var(--shadow-sm)!important}.assessment-card:hover{box-shadow:var(--shadow-md)!important;background:var(--bg-hover)!important}.assessment-card h4{color:var(--text-primary)!important}.assessment-card p{color:var(--text-secondary)!important}.assessment-title{color:var(--text-primary)!important}.assessment-description{color:var(--text-secondary)!important}.assessment-details{color:var(--text-tertiary)!important}.assessment-meta span{background:var(--bg-tertiary)!important;color:var(--text-secondary)!important}.assessment-list h3{color:var(--text-primary)!important}.assessments-container>div{color:var(--text-secondary)!important}.assessments-container>div h4{color:var(--text-primary)!important}.difficulty-section{background:var(--card-bg)!important;border-color:var(--border-base)!important;box-shadow:var(--shadow-sm)!important}.difficulty-header{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--border-base)!important}.difficulty-header:hover{background:var(--bg-tertiary)!important;border-color:var(--border-medium)!important}.difficulty-header.expanded{border-color:var(--border-medium)!important}.difficulty-info{color:var(--text-primary)!important}.difficulty-stats,.difficulty-stats .stat-item{color:var(--text-secondary)!important}.difficulty-stats .stat-item strong{color:var(--text-primary)!important}.difficulty-stats .stat-divider,.expand-icon{color:var(--text-muted)!important}.difficulty-name-text{color:var(--text-primary)!important}.assessment-result-item{background:var(--card-bg)!important;border-color:var(--border-base)!important;box-shadow:var(--shadow-sm)!important}.assessment-result-item:hover,.assessment-result-item.expanded{border-color:var(--border-medium)!important}.assessment-info .assessment-name{color:var(--text-primary)!important}.assessment-info .latest-score-wrapper .latest-score,.assessment-info .latest-score-wrapper .latest-date{color:var(--text-secondary)!important}:root[data-theme=dark] .score-badge.score-excellent{background:#4ade8033!important;color:#86efac!important}:root[data-theme=dark] .score-badge.score-good{background:#38bdf833!important;color:#7dd3fc!important}:root[data-theme=dark] .score-badge.score-average{background:#fbbf2433!important;color:#fcd34d!important}:root[data-theme=dark] .score-badge.score-poor{background:#f8717133!important;color:#fca5a5!important}.attempts-history{background:var(--bg-secondary)!important;border-top-color:var(--border-base)!important}.attempt-item{background:var(--card-bg)!important}.attempt-date{color:var(--text-primary)!important}.attempt-details .attempt-score,.attempt-details .attempt-time{color:var(--text-secondary)!important}.topic-breakdown .topic-breakdown-label{color:var(--text-primary)!important}:root[data-theme=light] .topic-item.topic-perfect,:root:not([data-theme]) .topic-item.topic-perfect{background:var(--topic-perfect-bg)!important;border-color:#28a745!important;color:var(--topic-perfect-color)!important}:root[data-theme=light] .topic-item.topic-good,:root:not([data-theme]) .topic-item.topic-good{background:var(--topic-good-bg)!important;border-color:#17a2b8!important;color:var(--topic-good-color)!important}:root[data-theme=light] .topic-item.topic-fair,:root:not([data-theme]) .topic-item.topic-fair{background:var(--topic-fair-bg)!important;border-color:#ffc107!important;color:var(--topic-fair-color)!important}:root[data-theme=light] .topic-item.topic-poor,:root:not([data-theme]) .topic-item.topic-poor{background:var(--topic-poor-bg)!important;border-color:#fd7e14!important;color:var(--topic-poor-color)!important}:root[data-theme=light] .topic-item.topic-fail,:root:not([data-theme]) .topic-item.topic-fail{background:var(--topic-fail-bg)!important;border-color:#dc3545!important;color:var(--topic-fail-color)!important}:root[data-theme=light] .topic-item.topic-neutral,:root:not([data-theme]) .topic-item.topic-neutral{background:var(--topic-neutral-bg)!important;border-color:#cbd5e0!important;color:var(--topic-neutral-color)!important}:root[data-theme=dark] .topic-item.topic-perfect{background:var(--topic-perfect-bg)!important;border-color:#4ade80!important;color:var(--topic-perfect-color)!important}:root[data-theme=dark] .topic-item.topic-good{background:var(--topic-good-bg)!important;border-color:#38bdf8!important;color:var(--topic-good-color)!important}:root[data-theme=dark] .topic-item.topic-fair{background:var(--topic-fair-bg)!important;border-color:#fbbf24!important;color:var(--topic-fair-color)!important}:root[data-theme=dark] .topic-item.topic-poor{background:var(--topic-poor-bg)!important;border-color:#fb923c!important;color:var(--topic-poor-color)!important}:root[data-theme=dark] .topic-item.topic-fail{background:var(--topic-fail-bg)!important;border-color:#f87171!important;color:var(--topic-fail-color)!important}:root[data-theme=dark] .topic-item.topic-neutral{background:var(--topic-neutral-bg)!important;border-color:var(--border-medium)!important;color:var(--topic-neutral-color)!important}.improvement-topics{border-top-color:var(--border-base)!important}.improvement-topics .improvement-topics-label{color:var(--text-secondary)!important}.improvement-topics .topics-list{color:#f87171!important}.result-item{background:var(--bg-secondary)!important;border-color:var(--border-base)!important}.result-header,.result-title{color:var(--text-primary)!important}.result-meta,.result-score{color:var(--text-secondary)!important}.no-results{background:var(--card-bg)!important;box-shadow:var(--shadow-sm)!important}.no-results h2{color:var(--text-primary)!important}.no-results p{color:var(--text-secondary)!important}.settings-section{background:var(--card-bg)!important;border-color:var(--border-base)!important;box-shadow:var(--shadow-sm)!important}.section-title{color:var(--text-primary)!important;border-bottom-color:var(--border-base)!important}.setting-label{color:var(--text-primary)!important}.setting-description{color:var(--text-secondary)!important}.theme-option{background:var(--bg-secondary)!important;border-color:var(--border-medium)!important;color:var(--text-secondary)!important}.theme-option:hover{background:var(--bg-hover)!important}.theme-option.active{background:var(--bg-tertiary)!important}.current-theme-preview{background:var(--bg-secondary)!important;border-color:var(--border-base)!important}.preview-label{color:var(--text-secondary)!important}.preview-badge{background:var(--bg-tertiary)!important;border-color:var(--border-medium)!important;color:var(--text-primary)!important}.clear-history-btn{background:var(--card-bg)!important;border-color:var(--border-medium)!important}.clear-history-btn:hover{background:var(--bg-hover)!important}:root[data-theme=dark] .clear-history-btn{color:#fca5a5!important;border-color:#7f1d1d!important}:root[data-theme=dark] .clear-history-btn:hover{border-color:#991b1b!important;color:#f87171!important}.page-header h1,.page-header p{color:#fff!important}.spinner-text{color:var(--text-primary)!important}.spinner-subtext{color:var(--text-secondary)!important}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{background:var(--bg-tertiary)!important;color:var(--text-primary)!important;border-color:var(--border-medium)!important}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] select::placeholder,:root[data-theme=dark] textarea::placeholder{color:var(--text-muted)!important}:root[data-theme=dark] input:focus,:root[data-theme=dark] select:focus,:root[data-theme=dark] textarea:focus{background:var(--bg-secondary)!important}:root[data-theme=dark] .difficulty-tab.difficulty-easy:hover,:root[data-theme=dark] .difficulty-tab.difficulty-medium:hover,:root[data-theme=dark] .difficulty-tab.difficulty-hard:hover{background:var(--bg-hover)!important}:root[data-theme=dark] h1,:root[data-theme=dark] h2,:root[data-theme=dark] h3,:root[data-theme=dark] h4,:root[data-theme=dark] h5,:root[data-theme=dark] h6{color:var(--text-primary)!important}:root[data-theme=dark] p:not(.stat-value):not(.difficulty-name):not(.theme-label):not(.topic-tag),:root[data-theme=dark] span:not(.stat-value):not(.difficulty-name):not(.theme-label):not(.topic-tag),:root[data-theme=dark] div:not(.stat-value):not(.difficulty-name):not(.theme-label):not(.topic-tag){color:inherit}header{text-align:center;margin-bottom:40px;color:#fff}header h1{font-size:2.5rem;margin-bottom:10px;font-weight:600}header p{font-size:1.1rem;opacity:.9}:root[data-theme=dark] header{color:var(--text-inverse, #ffffff)!important}:root[data-theme=dark] header p{color:var(--text-secondary, #cbd5e0)!important}.screen{display:none;border-radius:12px;padding:30px;box-shadow:0 10px 30px #0003;animation:fadeIn .5s ease ease-in}.screen.active{display:block}.difficulty-buttons{display:flex;justify-content:center;gap:15px;margin-bottom:30px}.difficulty-btn{padding:12px 30px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease;color:#64748b}.difficulty-btn:hover{border-color:#5a67d8;color:#5a67d8;transform:translateY(-2px);box-shadow:0 4px 12px #5a67d833}.difficulty-btn.active{background:#5a67d8;border-color:#5a67d8;color:#fff}.assessment-list{position:relative;min-height:300px}.assessment-list h3{text-align:center;margin-bottom:25px;color:#2d3748;font-size:1.5rem}:root[data-theme=dark] .difficulty-btn{background:var(--card-bg, #252b3b)!important;border:2px solid var(--card-border, #353d52)!important;color:var(--text-secondary, #cbd5e0)!important}:root[data-theme=dark] .difficulty-btn:hover{border-color:var(--primary, #3b82f6)!important;color:var(--primary, #3b82f6)!important;background:var(--bg-hover, #353d52)!important}:root[data-theme=dark] .difficulty-btn.active{background:var(--primary, #3b82f6)!important;color:var(--text-inverse, #fff)!important;border-color:var(--primary, #3b82f6)!important}:root[data-theme=dark] .assessment-card{background:var(--card-bg, #252b3b)!important;border:2px solid var(--card-border, #353d52)!important}:root[data-theme=dark] .assessment-card:hover{background:var(--bg-secondary, #252b3b)!important}:root[data-theme=dark] .assessment-card h4{color:var(--text-primary, #e2e8f0)!important}:root[data-theme=dark] .assessment-card p{color:var(--text-secondary, #cbd5e0)!important}:root[data-theme=dark] .assessment-meta span{background:var(--bg-tertiary, #2d3548)!important;color:var(--text-secondary, #cbd5e0)!important}#assessments-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.assessment-card{border:2px solid #e2e8f0;border-radius:12px;padding:25px;cursor:pointer;transition:all .3s ease;background:#f8fafc}.assessment-card:hover{border-color:#5a67d8;transform:translateY(-3px);box-shadow:0 8px 25px #00000026;background:#fff}.assessment-card h4{color:#2d3748;margin-bottom:10px;font-size:1.2rem}.assessment-card p{color:#64748b;line-height:1.5;margin-bottom:15px}.assessment-meta{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#64748b}.assessment-meta span{background:#e2e8f0;padding:4px 8px;border-radius:4px}@media (max-width: 480px){#assessments-container{grid-template-columns:repeat(auto-fit,minmax(auto,1fr));gap:20px}}.assessment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:20px}.assessment-info h2{color:#2d3748;margin-bottom:5px;font-size:1.8rem}.assessment-info p{color:#64748b;font-size:1rem}.progress-info{text-align:right;display:flex;flex-direction:column;gap:8px}.question-counter,.timer{font-weight:600;color:#5a67d8;background:#f0f4ff;padding:8px 15px;border-radius:6px}.timer{font-size:1.1rem}.quit-btn{padding:8px 15px;border:2px solid #e53e3e;background:#fff;color:#e53e3e;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;margin-top:4px}.quit-btn:hover{background:#e53e3e;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #e53e3e4d}.progress-bar{width:100%;height:8px;background:#e2e8f0;border-radius:4px;margin-bottom:30px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#48bb78,#38a169);transition:width .3s ease;border-radius:4px}.question-grid-section{margin-bottom:30px;background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e2e8f0}.question-grid-section h4{color:#2d3748;margin-bottom:15px;font-size:1.1rem;text-align:center}.question-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));gap:8px;margin:0 auto 15px}.question-btn{width:50px;height:50px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;font-weight:600;color:#64748b;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:.9rem}.question-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.question-btn.current{background:#5a67d8;border-color:#5a67d8;color:#fff}.question-btn.answered{background:#48bb78;border-color:#48bb78;color:#fff}.question-btn.unanswered{background:#fff;border-color:#e2e8f0;color:#64748b}.grid-legend{display:flex;justify-content:center;gap:20px;margin-top:15px}.legend-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#64748b}.legend-circle{width:16px;height:16px;border-radius:50%;border:2px solid #e2e8f0}.legend-circle.current{background:#5a67d8;border-color:#5a67d8}.legend-circle.answered{background:#48bb78;border-color:#48bb78}.legend-circle.unanswered{background:#fff;border-color:#e2e8f0}.question-container{margin-bottom:40px}#question-text{color:#2d3748;margin-bottom:25px;font-size:1.3rem;line-height:1.6}#question-text p{margin:0 0 10px}#question-text p:last-child{margin-bottom:0}#question-text pre{background:#1e293b;color:#e2e8f0;padding:20px;border-radius:8px;overflow-x:auto;margin:15px 0;font-family:Consolas,Monaco,Courier New,monospace;font-size:.95rem;line-height:1.5;box-shadow:0 2px 8px #0000001a}#question-text pre code{display:block;white-space:pre;word-wrap:normal;overflow-x:auto}.review-question pre{background:#1e293b;color:#e2e8f0;padding:20px;border-radius:8px;overflow-x:auto;margin:15px 0;font-family:Consolas,Monaco,Courier New,monospace;font-size:.95rem;line-height:1.5;box-shadow:0 2px 8px #0000001a}.review-question pre code{display:block;white-space:pre;word-wrap:normal;overflow-x:auto}.review-question pre{max-width:100%}.review-question p{margin:0 0 8px}.review-question p:last-child{margin-bottom:0}.options-container{display:grid;gap:15px}.option{display:flex;align-items:center;padding:15px 20px;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#fff}.option:hover{border-color:#5a67d8;background:#f0f4ff}.option.selected{border-color:#5a67d8;background:#5a67d8;color:#fff}.option.selected .option-letter{background:#fff3;color:#fff}.option-letter{width:30px;height:30px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:15px;transition:all .3s ease}.option-text{flex:1;font-size:1rem;line-height:1.4}.navigation-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:30px}.nav-btn,.submit-btn,.action-btn{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease}.nav-btn{background:#f1f5f9;color:#64748b}.nav-btn:hover:not(:disabled){transform:translateY(-1px)}.nav-btn:hover:not(:disabled){background:#e2e8f0}.nav-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.submit-btn,.action-btn{background:#5a67d8;color:#fff}.submit-btn:hover,.action-btn:hover{background:#4c51bf;transform:translateY(-1px);box-shadow:0 4px 12px #5a67d84d}.submit-btn.hidden,.action-btn.hidden{display:none}:root[data-theme=dark] .assessment-info h2{color:var(--text-primary, #e2e8f0)!important}:root[data-theme=dark] .assessment-info p{color:var(--text-secondary, #cbd5e0)!important}:root[data-theme=dark] .question-counter,:root[data-theme=dark] .timer{color:var(--text-primary, #e2e8f0)!important;background:var(--bg-secondary, #252b3b)!important}:root[data-theme=dark] .quit-btn{background:var(--card-bg, #252b3b)!important;color:var(--danger, #e74c3c)!important;border-color:var(--danger, #e74c3c)!important}:root[data-theme=dark] .quit-btn:hover{background:var(--danger, #e74c3c)!important;color:var(--text-inverse, #fff)!important}:root[data-theme=dark] .progress-bar{background:var(--bg-tertiary, #2d3548)!important}:root[data-theme=dark] .progress-fill{background:var(--gradient-progress, linear-gradient(90deg, #34d399, #60a5fa))!important}:root[data-theme=dark] .question-grid-section{background:var(--bg-secondary, #252b3b)!important;border:1px solid var(--card-border, #353d52)!important}:root[data-theme=dark] .question-grid-section h4{color:var(--text-primary, #e2e8f0)!important}:root[data-theme=dark] .question-btn{background:var(--card-bg, #252b3b)!important;border-color:var(--card-border, #353d52)!important;color:var(--text-secondary, #cbd5e0)!important}:root[data-theme=dark] .question-btn.current{background:var(--primary, #3b82f6)!important;border-color:var(--primary, #3b82f6)!important;color:var(--text-inverse, #fff)!important}:root[data-theme=dark] .question-btn.answered{background:var(--success, #16a34a)!important;border-color:var(--success, #16a34a)!important;color:var(--text-inverse, #fff)!important}:root[data-theme=dark] .question-btn.unanswered{background:var(--card-bg, #252b3b)!important;border-color:var(--card-border, #353d52)!important;color:var(--text-secondary, #cbd5e0)!important}:root[data-theme=dark] .option{background:var(--card-bg, #252b3b)!important;border:2px solid var(--card-border, #353d52)!important;color:var(--text-primary, #e2e8f0)!important}:root[data-theme=dark] .option:hover{border-color:var(--primary, #3b82f6)!important;background:var(--bg-secondary, #252b3b)!important}:root[data-theme=dark] .option.selected{background:var(--primary, #3b82f6)!important;color:var(--text-inverse, #fff)!important}:root[data-theme=dark] .option-letter{background:var(--border-base, #353d52)!important;color:var(--text-primary, #e2e8f0)!important}.results-header{text-align:center;margin-bottom:40px}.results-header h2{color:#2d3748;margin-bottom:30px;font-size:2rem}.score-display{display:flex;justify-content:center;align-items:center;gap:40px;flex-wrap:wrap;margin-top:2rem}.score-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#48bb78,#38a169);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.8rem;font-weight:700;box-shadow:0 8px 25px #48bb784d}.score-details{text-align:left}.score-details p{margin-bottom:8px;font-size:1.1rem;color:#2d3748}.time-taken{color:#64748b!important;font-size:1rem!important}.performance-breakdown,.question-review{margin-bottom:40px}.performance-breakdown h3,.question-review h3{color:#2d3748;margin-bottom:20px;font-size:1.5rem}#topic-breakdown{display:grid;gap:15px}.topic-item{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#f8fafc;border-radius:8px;border-left:4px solid #5a67d8}.topic-name{font-weight:500;color:#2d3748}.topic-score{font-weight:700;color:#48bb78}#review-container{max-height:400px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.review-item{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #f1f5f9}.review-item:last-child{border-bottom:none;margin-bottom:0}.review-question{font-weight:600;color:#2d3748;margin-bottom:10px}.review-answer{margin-bottom:5px;padding:8px 12px;border-radius:6px}.review-answer.correct{background:#f0fff4;color:#38a169}.review-answer.incorrect{background:#fed7d7;color:#e53e3e}.review-answer.user{background:#edf2f7;color:#4a5568}.review-explanation{margin-top:15px;padding:15px;background:#f8fafc;border-radius:6px;font-size:.95rem;color:#4a5568;line-height:1.6}.review-explanation p{margin:0 0 12px;line-height:1.7}.review-explanation p:last-child{margin-bottom:0}.review-explanation strong{color:#2d3748;font-weight:600}.review-explanation pre{background:#1e293b;color:#e2e8f0;padding:20px;border-radius:8px;overflow-x:auto;margin:15px 0;font-family:Consolas,Monaco,Courier New,monospace;font-size:.95rem;line-height:1.5;box-shadow:0 2px 8px #0000001a}.review-explanation pre code{display:block;white-space:pre;word-wrap:normal;overflow-x:auto}.review-explanation pre{font-size:.9rem;max-width:100%}.results-actions{display:flex;justify-content:center;gap:20px;margin-top:30px}:root[data-theme=dark] .results-header h2{color:var(--text-primary, #e2e8f0)!important}:root[data-theme=dark] .score-circle{background:var(--gradient-success, linear-gradient(90deg, #10b981, #34d399));color:var(--text-inverse, #fff)}:root[data-theme=dark] .score-details p{color:var(--text-secondary, #cbd5e0)!important}:root[data-theme=dark] .topic-item{background:var(--bg-secondary, #252b3b)!important;border-left-color:var(--primary, #3b82f6)!important;color:var(--text-primary, #e2e8f0)!important}:root[data-theme=dark] #review-container{border:1px solid var(--card-border, #353d52)!important;background:var(--card-bg, #252b3b)!important}:root[data-theme=dark] .review-item{background:var(--bg-secondary, #252b3b)!important}:root[data-theme=dark] .review-answer.correct{background:#22c55e14!important;color:var(--success-dark, #166534)!important}:root[data-theme=dark] .review-answer.incorrect{background:#ef444414!important;color:var(--danger, #e74c3c)!important}:root[data-theme=dark] .review-answer.user{background:#ffffff08!important;color:var(--text-secondary, #cbd5e0)!important}:root[data-theme=dark] .review-explanation{background:var(--bg-secondary, #252b3b)!important;color:var(--text-secondary, #cbd5e0)!important}.results-history{border-radius:12px;padding:30px;box-shadow:0 10px 30px #0003;margin-bottom:30px}.results-history.hidden{display:none}.results-history h2{color:#2d3748;margin-bottom:25px;font-size:1.5rem;text-align:center}.difficulty-header{background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;padding:15px 20px;margin-bottom:15px;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center}.difficulty-header:hover{background:#edf2f7;border-color:#cbd5e0}.difficulty-header.expanded{background:#ebf8ff;border-color:#3182ce}.difficulty-header.expanded .expand-icon{transform:rotate(90deg)}:root[data-theme=dark] .difficulty-header{background:var(--bg-secondary, #252b3b)!important;border:2px solid var(--card-border, #353d52)!important}:root[data-theme=dark] .difficulty-header:hover{background:var(--bg-tertiary, #2d3548)!important;border-color:var(--border-medium, #4a5568)!important}:root[data-theme=dark] .difficulty-header.expanded{background:var(--bg-hover, #353d52)!important;border-color:var(--card-border, #353d52)!important}:root[data-theme=dark] .assessment-results-container{background:var(--bg-secondary, #252b3b)!important}:root[data-theme=dark] .assessment-result-item{background:var(--card-bg, #252b3b)!important;border:1px solid var(--card-border, #353d52)!important}:root[data-theme=dark] .assessment-result-item:hover{background:var(--bg-secondary, #252b3b)!important;border-color:var(--border-medium, #4a5568)!important}:root[data-theme=dark] .attempts-history{background:var(--bg-secondary, #252b3b)!important;border-top:1px solid var(--border-base, #353d52)!important}:root[data-theme=dark] .attempt-item{background:var(--card-bg, #252b3b)!important}:root[data-theme=dark] .difficulty-title,:root[data-theme=dark] .assessment-name{color:var(--text-primary, #e2e8f0)!important}:root[data-theme=dark] .difficulty-average,:root[data-theme=dark] .latest-score,:root[data-theme=dark] .attempt-time,:root[data-theme=dark] .topics-list{color:var(--text-secondary, #cbd5e0)!important}.difficulty-info{display:flex;flex-direction:column;gap:4px}.difficulty-title{font-size:1.1rem;font-weight:600;color:#2d3748;text-transform:capitalize}.difficulty-average{font-size:.9rem;color:#718096}.expand-icon{font-size:1.2rem;color:#4a5568;transition:transform .3s ease}.assessment-results-container{display:none;padding:20px;background:#f8fafc;border-radius:8px;margin-bottom:15px}.assessment-results-container.expanded{display:block}.assessment-result-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:15px;margin-bottom:15px;transition:all .3s ease}.assessment-result-item:hover{background:#f7fafc;border-color:#cbd5e0}.assessment-result-item.expanded{background:#ebf8ff;border-color:#3182ce}.assessment-name{font-size:1rem;font-weight:600;color:#2d3748;margin-bottom:4px}.latest-score{font-size:.9rem;color:#718096}.score-badge{padding:4px 12px;border-radius:20px;font-size:.9rem;font-weight:600;color:#fff}.score-badge.score-excellent{background:#48bb78}.score-badge.score-good{background:#4299e1}.score-badge.score-average{background:#ed8936}.score-badge.score-poor{background:#f56565}.attempts-history{display:none;padding-top:20px;border-top:1px solid #e2e8f0;margin-top:15px}.attempts-history.expanded{display:block}.attempt-item{background:#f8fafc;border-radius:6px;padding:12px;margin-bottom:10px;font-size:.9rem}.attempt-date{font-weight:600;color:#2d3748;margin-bottom:8px}.attempt-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px}.attempt-score{color:#4a5568}.attempt-time{color:#718096}.spinner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffffff2;display:none;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:12px}.spinner-overlay.active{display:flex;animation:fadeIn .3s ease ease-in}:root[data-theme=dark] .spinner-overlay{background:#1e2433f2!important}:root[data-theme=dark] .spinner-ring{border-top-color:var(--primary, #3b82f6)!important}:root[data-theme=dark] .spinner-ring:nth-child(2){border-top-color:#5a67d899!important}:root[data-theme=dark] .spinner-ring:nth-child(3){border-top-color:#5a67d84d!important}:root[data-theme=dark] .spinner-text{color:var(--text-primary, #e2e8f0)!important}:root[data-theme=dark] .spinner-subtext{color:var(--text-secondary, #cbd5e0)!important}.spinner-container{display:flex;flex-direction:column;align-items:center;gap:25px}.spinner{width:60px;height:60px;position:relative;animation:spin 1.5s linear infinite}.spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:#5a67d8;border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring:nth-child(1){animation-delay:-.45s}.spinner-ring:nth-child(2){animation-delay:-.3s;border-top-color:#5a67d899}.spinner-ring:nth-child(3){animation-delay:-.15s;border-top-color:#5a67d84d}.spinner-text{color:#2d3748;font-size:1rem;font-weight:600;text-align:center;animation:pulse 2s ease-in-out infinite}.spinner-subtext{color:#64748b;font-size:.85rem;text-align:center;margin-top:-10px}.custom-dialog{border:none;border-radius:12px;padding:0;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;animation:dialogFadeIn .3s ease ease-out;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}.custom-dialog[open]{display:flex}.custom-dialog::backdrop{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:backdropFadeIn .3s ease ease-out}@keyframes dialogFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.dialog-content{display:flex;flex-direction:column}.dialog-header{padding:24px 24px 16px;border-bottom:1px solid #e2e8f0}.dialog-title{margin:0;font-size:1.5rem;font-weight:600;color:#2d3748}.dialog-body{padding:24px;color:#4a5568;line-height:1.6}.dialog-message{margin:0;font-size:1rem}.dialog-footer{padding:16px 24px 24px;display:flex;justify-content:flex-end;gap:12px}.dialog-btn{padding:10px 20px;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:80px}.dialog-btn-cancel{background:#f1f5f9;color:#64748b}.dialog-btn-cancel:hover{background:#e2e8f0}.dialog-btn-confirm{background:#5a67d8;color:#fff}.dialog-btn-confirm:hover{background:#4c51bf;box-shadow:0 4px 12px #5a67d84d}.dialog-btn-confirm.danger{background:#e53e3e}.dialog-btn-confirm.danger:hover{background:#c53030;box-shadow:0 4px 12px #e53e3e4d}:root[data-theme=dark] .custom-dialog{background:var(--card-bg, #071025);color:var(--text-primary, #e6eef8);border:1px solid var(--card-border, #122033);box-shadow:0 10px 30px #02061799}:root[data-theme=dark] .custom-dialog::backdrop{background:#020617b3}:root[data-theme=dark] .dialog-header{border-bottom:1px solid var(--border-medium, rgba(255, 255, 255, .04))}:root[data-theme=dark] .dialog-title{color:var(--text-primary, #e6eef8)}:root[data-theme=dark] .dialog-body,:root[data-theme=dark] .dialog-message{color:var(--text-secondary, #b6c7d8)}:root[data-theme=dark] .dialog-btn-cancel{background:var(--bg-secondary, #0f1724);color:var(--text-primary, #e6eef8);border:1px solid var(--border-base, rgba(255, 255, 255, .04))}:root[data-theme=dark] .dialog-btn-cancel:hover{filter:brightness(1.05)}:root[data-theme=dark] .dialog-btn-confirm{background:var(--bg-accent, #2563eb);color:var(--text-on-accent, #ffffff)}:root[data-theme=dark] .dialog-btn-confirm.danger{background:var(--danger, #ef4444)}@media (max-width: 768px){.container{padding:15px}header h1{font-size:2rem}.screen{padding:20px}.difficulty-buttons{flex-direction:column;align-items:center}.difficulty-btn{width:200px}#assessments-container{grid-template-columns:1fr}.assessment-header{flex-direction:column;text-align:center}.progress-info{text-align:center;flex-direction:row;justify-content:center;gap:20px;flex-wrap:wrap}.quit-btn{margin-top:0;width:100%}.question-grid{grid-template-columns:repeat(5,1fr);gap:6px}.question-btn{width:45px;height:45px;font-size:.8rem}.grid-legend{gap:15px}.legend-item{font-size:.8rem}.score-display{flex-direction:column;gap:20px}.score-details{text-align:center}.navigation-buttons{flex-direction:column;gap:15px}.nav-btn,.submit-btn{width:100%}.results-actions{flex-direction:column;align-items:center}.action-btn{width:200px}.results-history{padding:20px}.difficulty-header{padding:12px 15px}.assessment-header{flex-direction:column;align-items:flex-start;gap:10px}.attempt-details{grid-template-columns:1fr;gap:4px}}@media (max-width: 480px){.container{padding:8px}header h1{font-size:1.5rem}h2{font-size:1.3rem;margin-bottom:1rem}.screen{padding:8px}.difficulty-btn{width:100%}#question-text{font-size:1.1rem}.option{padding:12px 15px}.option-text{font-size:.9rem}.question-grid{grid-template-columns:repeat(4,1fr);gap:4px}.question-btn{width:40px;height:40px;font-size:.75rem}.question-grid-section{padding:15px}.grid-legend{gap:10px;flex-wrap:wrap}.legend-item{font-size:.75rem}.legend-circle{width:14px;height:14px}.results-history{padding:8px}.custom-dialog{width:95%;max-width:none}.dialog-header{padding:20px 20px 12px}.dialog-title{font-size:1.25rem}.dialog-body{padding:20px}.dialog-footer{padding:12px 20px 20px;flex-direction:column-reverse}.dialog-btn{width:100%}}#vue-app{height:100vh;display:flex;flex-direction:column;align-items:center;overflow-y:auto}#vue-app main[role=main]{display:flex;flex:1 0 auto;width:100%;max-width:1500px;padding-top:2rem;justify-content:center}#vue-app main[role=main]>div{display:flex;flex-direction:column;flex:0 0 auto;width:100%}@media (max-width: 640px){#vue-app main[role=main]{padding-top:1rem}#vue-app main[role=main] .container header{margin-bottom:1rem}}