:root{--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-primary-light: #eef2ff;--color-bg: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-tertiary: #f1f5f9;--color-surface: #ffffff;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--color-text-primary: #1e293b;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-selected: #4f46e5;--color-selected-bg: #eef2ff;--color-selected-border: #4f46e5;--color-correct: #16a34a;--color-correct-bg: #f0fdf4;--color-incorrect: #dc2626;--color-incorrect-bg: #fef2f2;--color-warning: #d97706;--color-warning-bg: #fffbeb;--color-focus: #4f46e5;--focus-ring: 0 0 0 3px rgba(79, 70, 229, .35);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--transition-fast: .15s ease;--transition-normal: .2s ease;--max-content-width: 48rem;--header-height: 3.5rem}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0;line-height:var(--leading-tight);font-weight:600}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}.question-text{font-size:var(--text-2xl);font-weight:500;line-height:var(--leading-relaxed);color:var(--color-text-primary);max-width:var(--max-content-width)}.text-secondary{color:var(--color-text-secondary);font-size:var(--text-sm)}.text-muted{color:var(--color-text-muted);font-size:var(--text-sm)}.phase-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.answer-card{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast);font-size:var(--text-lg);text-align:left;font-family:inherit;color:var(--color-text-primary)}.answer-card:hover:not(.disabled):not(.correct):not(.incorrect){border-color:var(--color-border-strong);background:var(--color-bg-secondary)}.answer-card:focus-visible{outline:none;box-shadow:var(--focus-ring);border-color:var(--color-focus)}.answer-card.selected{border-color:var(--color-selected-border);background:var(--color-selected-bg);font-weight:500}.answer-card.disabled{opacity:.6;cursor:not-allowed}.answer-card.correct{border-color:var(--color-correct);background:var(--color-correct-bg)}.answer-card.incorrect{border-color:var(--color-incorrect);background:var(--color-incorrect-bg)}.answer-card .option-label{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-sm);background:var(--color-bg-tertiary);font-weight:600;font-size:var(--text-sm);flex-shrink:0}.answer-card .option-text{flex:1}.answer-card .state-icon{flex-shrink:0;font-size:var(--text-xl)}.skip-link{position:absolute;top:-100%;left:0;background:var(--color-primary);color:#fff;padding:var(--space-sm) var(--space-md);z-index:1000;border-radius:0 0 var(--radius-sm) 0}.skip-link:focus{top:0}*:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--color-bg)}button{cursor:pointer;font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;transition:background-color var(--transition-fast),opacity var(--transition-fast)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{box-shadow:var(--focus-ring)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-border)}.container{width:100%;max-width:var(--max-content-width);margin:0 auto;padding:0 var(--space-lg)}.page{min-height:calc(100vh - var(--header-height));padding:var(--space-2xl) 0}