:root{--background:#ffffff;--foreground:#020817;--card:#ffffff;--card-foreground:#020817;--popover:#ffffff;--popover-foreground:#020817;--primary:#2563eb;--primary-foreground:#ffffff;--secondary:#f1f5f9;--secondary-foreground:#0f172a;--muted:#f1f5f9;--muted-foreground:#64748b;--accent:#f59e0b;--accent-foreground:#ffffff;--destructive:#ef4444;--destructive-foreground:#f8fafc;--border:#e2e8f0;--input:#e2e8f0;--ring:#2563eb;--radius:0.75rem}.dark{--background:#020817;--foreground:#f8fafc;--card:#020817;--card-foreground:#f8fafc;--popover:#020817;--popover-foreground:#f8fafc;--primary:#3b82f6;--primary-foreground:#ffffff;--secondary:#1e293b;--secondary-foreground:#f8fafc;--muted:#1e293b;--muted-foreground:#94a3b8;--accent:#f59e0b;--accent-foreground:#ffffff;--destructive:#7f1d1d;--destructive-foreground:#f8fafc;--border:#1e293b;--input:#1e293b;--ring:#1d4ed8}body{background-color:var(--background);color:var(--foreground);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.quiz-wrapper{width:100%;max-width:42rem;margin-left:auto;margin-right:auto;padding:2rem 1rem}.quiz-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.quiz-title{font-size:1.5rem;font-weight:700;line-height:1.2;color:var(--foreground)}.progress-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.progress-badge{display:flex;align-items:center;gap:.5rem}.progress-circle{width:2rem;height:2rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;transition:all 0.2s}.progress-circle.bg-secondary{background-color:var(--secondary);color:var(--secondary-foreground)}.progress-circle.bg-accent{background-color:var(--accent);color:var(--accent-foreground)}.progress-text{font-size:.875rem;color:var(--muted-foreground)}.completion-badge{display:flex;align-items:center;gap:.25rem;color:var(--accent);font-size:.875rem;font-weight:500}.progress-bar-container{height:.5rem;background-color:var(--secondary);border-radius:9999px;margin-bottom:2rem;overflow:hidden}.progress-fill{height:100%;background-color:var(--primary);border-radius:9999px;transition:width 0.5s ease-out}.question-card{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 2px 0 rgb(0 0 0 / .05)}.question-header{margin-bottom:1.5rem}.question-tag{display:inline-block;background-color:var(--primary);color:var(--primary-foreground);padding:.25rem .75rem;border-radius:.375rem;font-size:.875rem;font-family:monospace;margin-bottom:.75rem}.question-text{font-size:1.125rem;font-weight:500;line-height:1.6;color:var(--foreground)}@media (min-width:768px){.question-text{font-size:1.25rem}}.options-container{display:flex;flex-direction:column;gap:.5rem}.option-label{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:2px solid var(--border);border-radius:.5rem;cursor:pointer;transition:all 0.2s;background-color:var(--background)}.option-label:hover{border-color:rgb(37 99 235 / .5);background-color:var(--secondary)}.option-label.selected{border-color:var(--primary);background-color:rgb(37 99 235 / .1);box-shadow:0 1px 2px 0 rgb(0 0 0 / .05)}.option-letter-circle{width:1.75rem;height:1.75rem;border-radius:9999px;border:2px solid var(--muted-foreground);display:flex;align-items:center;justify-content:center;font-family:monospace;font-size:.75rem;font-weight:700;flex-shrink:0;transition:all 0.2s;color:var(--muted-foreground)}.option-label.selected .option-letter-circle{border-color:var(--primary);background-color:var(--primary);color:var(--primary-foreground)}.option-label input[type="radio"]{position:absolute;opacity:0;pointer-events:none}.option-text{font-size:.875rem;font-weight:500;color:var(--foreground)}@media (min-width:768px){.option-text{font-size:1rem}}.submit-section{position:sticky;bottom:1rem;margin-top:2rem;background:#fff0}.submit-button{width:100%;height:3.5rem;background-color:var(--primary);color:var(--primary-foreground);border-radius:var(--radius);font-size:1rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all 0.3s;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -1px rgb(0 0 0 / .06);cursor:pointer;border:none}.submit-button:hover:not(:disabled){opacity:.9;box-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -2px rgb(0 0 0 / .05)}.submit-button:disabled{opacity:.5;cursor:not-allowed}.submit-button.ready{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.8}}.result-container{opacity:0;transform:translateY(3rem);pointer-events:none;transition:all 0.7s ease-out;display:none}.result-container.visible{opacity:1;transform:translateY(0);pointer-events:auto;display:block}.result-header{background:linear-gradient(135deg,rgb(37 99 235 / .1) 0%,rgb(245 158 11 / .05) 50%,var(--secondary) 100%);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem}.result-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.result-tag{font-family:monospace;font-size:.875rem;background-color:var(--primary);color:var(--primary-foreground);padding:.25rem .75rem;border-radius:.375rem}.result-percentage{font-family:monospace;font-size:2.25rem;font-weight:700;color:var(--primary)}.result-title{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;color:var(--foreground);line-height:1.2}@media (min-width:768px){.result-title{font-size:1.875rem}}.result-description{color:var(--muted-foreground);line-height:1.6}.category-card{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem;transition:all 0.3s}.category-card:hover{box-shadow:0 1px 2px 0 rgb(0 0 0 / .05)}.category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.category-name{font-weight:600;font-size:1.125rem;color:var(--foreground)}.category-score-val{font-family:monospace;font-size:1.25rem;font-weight:700;color:var(--primary)}.category-progress-track{position:relative;height:.75rem;background-color:var(--secondary);border-radius:9999px;margin-bottom:.75rem;overflow:hidden}.category-progress-fill{position:absolute;top:0;left:0;height:100%;border-radius:9999px;background-color:var(--primary);transition:width 1s ease-out;width:0%}.category-progress-fill.high{background-color:var(--primary)}.category-progress-fill.medium{background-color:var(--accent)}.category-progress-fill.low{background-color:#10b981}.category-desc-text{font-size:.875rem;color:var(--muted-foreground)}.recommendations-box{margin-top:1.5rem;background-color:rgb(241 245 249 / .5);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.rec-title{font-weight:700;font-size:1.125rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;color:var(--foreground)}.rec-dot{width:.5rem;height:.5rem;border-radius:9999px;background-color:var(--accent)}.rec-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.rec-item{display:flex;align-items:flex-start;gap:.75rem;font-size:.875rem}.rec-number{font-family:monospace;font-weight:700;color:var(--primary)}.rec-text{color:var(--foreground)}.disclaimer{margin-top:1.5rem;text-align:center;font-size:.75rem;font-family:monospace;color:var(--muted-foreground)}.reset-btn-wrapper{margin-top:2rem}.reset-button{width:100%;height:3.5rem;background-color:var(--primary);color:var(--primary-foreground);border-radius:var(--radius);font-size:1rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all 0.2s;border:none;cursor:pointer}.reset-button:hover{opacity:.9}.theme-ocean{--background:#f9fafb;--background:hsl(200, 30%, 98%);--foreground:hsl(200, 50%, 10%);--card:hsl(200, 30%, 100%);--card-foreground:hsl(200, 50%, 10%);--primary:hsl(200, 80%, 50%);--primary-foreground:hsl(0, 0%, 100%);--secondary:hsl(200, 20%, 94%);--secondary-foreground:hsl(200, 50%, 20%);--muted:hsl(200, 15%, 92%);--muted-foreground:hsl(200, 20%, 45%);--accent:hsl(15, 85%, 60%);--accent-foreground:hsl(0, 0%, 100%);--border:hsl(200, 20%, 88%);--input:hsl(200, 20%, 88%);--ring:hsl(200, 80%, 50%)}.dark.theme-ocean{--background:hsl(200, 30%, 10%);--foreground:hsl(200, 20%, 92%);--card:hsl(200, 25%, 14%);--card-foreground:hsl(200, 15%, 94%);--primary:hsl(200, 80%, 55%);--secondary:hsl(200, 20%, 18%);--secondary-foreground:hsl(200, 15%, 85%);--muted:hsl(200, 20%, 16%);--muted-foreground:hsl(200, 15%, 60%);--border:hsl(200, 20%, 22%);--input:hsl(200, 20%, 22%)}.theme-sunset{--background:hsl(30, 40%, 98%);--foreground:hsl(20, 60%, 15%);--card:hsl(30, 40%, 100%);--card-foreground:hsl(20, 60%, 15%);--primary:hsl(25, 95%, 55%);--primary-foreground:hsl(0, 0%, 100%);--secondary:hsl(30, 30%, 93%);--secondary-foreground:hsl(20, 50%, 25%);--muted:hsl(30, 20%, 91%);--muted-foreground:hsl(20, 25%, 45%);--accent:hsl(280, 70%, 55%);--accent-foreground:hsl(0, 0%, 100%);--border:hsl(30, 25%, 87%);--input:hsl(30, 25%, 87%);--ring:hsl(25, 95%, 55%)}.dark.theme-sunset{--background:hsl(20, 30%, 10%);--foreground:hsl(30, 25%, 92%);--card:hsl(20, 25%, 14%);--card-foreground:hsl(30, 20%, 94%);--primary:hsl(25, 95%, 55%);--secondary:hsl(20, 20%, 18%);--secondary-foreground:hsl(30, 15%, 85%);--muted:hsl(20, 20%, 16%);--muted-foreground:hsl(30, 15%, 60%);--border:hsl(20, 20%, 22%);--input:hsl(20, 20%, 22%)}.theme-forest{--background:hsl(140, 25%, 97%);--foreground:hsl(140, 40%, 12%);--card:hsl(140, 25%, 100%);--card-foreground:hsl(140, 40%, 12%);--primary:hsl(145, 60%, 40%);--primary-foreground:hsl(0, 0%, 100%);--secondary:hsl(140, 20%, 92%);--secondary-foreground:hsl(140, 35%, 22%);--muted:hsl(140, 15%, 90%);--muted-foreground:hsl(140, 20%, 42%);--accent:hsl(30, 70%, 45%);--accent-foreground:hsl(0, 0%, 100%);--border:hsl(140, 18%, 85%);--input:hsl(140, 18%, 85%);--ring:hsl(145, 60%, 40%)}.dark.theme-forest{--background:hsl(140, 25%, 8%);--foreground:hsl(140, 15%, 92%);--card:hsl(140, 22%, 12%);--card-foreground:hsl(140, 12%, 94%);--primary:hsl(145, 60%, 45%);--secondary:hsl(140, 18%, 16%);--secondary-foreground:hsl(140, 12%, 85%);--muted:hsl(140, 18%, 14%);--muted-foreground:hsl(140, 12%, 58%);--border:hsl(140, 18%, 20%);--input:hsl(140, 18%, 20%)}.theme-lavender{--background:hsl(270, 30%, 98%);--foreground:hsl(270, 40%, 15%);--card:hsl(270, 30%, 100%);--card-foreground:hsl(270, 40%, 15%);--primary:hsl(270, 60%, 60%);--primary-foreground:hsl(0, 0%, 100%);--secondary:hsl(270, 20%, 93%);--secondary-foreground:hsl(270, 35%, 25%);--muted:hsl(270, 15%, 91%);--muted-foreground:hsl(270, 20%, 45%);--accent:hsl(160, 55%, 45%);--accent-foreground:hsl(0, 0%, 100%);--border:hsl(270, 18%, 87%);--input:hsl(270, 18%, 87%);--ring:hsl(270, 60%, 60%)}.dark.theme-lavender{--background:hsl(270, 25%, 10%);--foreground:hsl(270, 15%, 92%);--card:hsl(270, 22%, 14%);--card-foreground:hsl(270, 12%, 94%);--primary:hsl(270, 60%, 65%);--secondary:hsl(270, 18%, 18%);--secondary-foreground:hsl(270, 12%, 85%);--muted:hsl(270, 18%, 16%);--muted-foreground:hsl(270, 12%, 58%);--border:hsl(270, 18%, 22%);--input:hsl(270, 18%, 22%)}