.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:90vh}.spinner-inline{min-height:0}.spinner-wrap{position:relative;width:var(--height-17);height:var(--height-17);display:inline-flex;align-items:center;justify-content:center}.spinner-icon{color:var(--color-primary);animation:spin .9s linear infinite}.spinner-ring{position:absolute;inset:0;border-radius:var(--radius-xl);border:4px solid var(--color-progress-track);border-top-color:var(--color-primary);opacity:.6;animation:spin 1.1s linear infinite}.spinner-text{margin-top:var(--space-4);font-size:var(--font-large);line-height:var(--height-10);color:var(--color-text);font-family:var(--font-family);text-align:center}.spinner-text p{font-size:var(--font-base);opacity:.8}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.error-title{margin:0;color:var(--text-primary);font-weight:700;font-family:var(--font-family)}.error-details{text-align:center;margin:var(--space-2) 0 0 0;font-size:var(--font-large);font-family:var(--font-family);color:var(--text-muted);background-color:transparent}.progress-container{width:100%;max-width:var(--layout-max-width);padding:0 var(--space-2) var(--space-2)}.progress-native{width:100%;height:var(--height-3);border:none;border-radius:var(--radius-xl);overflow:hidden;background-color:transparent}.progress-native::-webkit-progress-bar{background-color:var(--color-progress-track);border-radius:var(--radius-xl)}.progress-native::-webkit-progress-value{background-color:var(--color-progress-fill);border-radius:var(--radius-xl);transition:width .3s ease,background-color .2s ease}.progress-native::-moz-progress-bar{background-color:var(--color-progress-fill);border-radius:var(--radius-xl);transition:width .3s ease,background-color .2s ease}.theme-provider{min-height:100%;transition:background-color .25s ease,color .25s ease,border-color .25s ease}@font-face{font-family:OpenDyslexic;src:url(https://cdn.jsdelivr.net/gh/antijingoist/open-dyslexic/alternatives/OpenDyslexic3-Regular.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/antijingoist/open-dyslexic/alternatives/OpenDyslexic3-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family: var(--font-sans);--font-family-base: var(--font-family);--font-xs: 12px;--font-sm: 14px;--font-base: 16px;--font-large: 18px;--font-heading: 22px;--font-3xl: 36px;--font-4xl: 48px;--font-5xl: 60px;--layout-max-width: 768px;--layout-card-width: 768px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.75rem;--space-8: 1.25rem;--space-10: .875rem;--height-2: 1px;--height-3: 8px;--height-4: 16px;--height-5: 18px;--height-6: 20px;--height-7: 22px;--height-8: 24px;--height-9: 28px;--height-10: 30px;--height-11: 32px;--height-12: 38px;--height-13: 42px;--height-14: 44px;--height-15: 50px;--height-16: 60px;--height-17: 72px;--height-18: 240px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-ll: 20px;--radius-xl: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--page-bg: #F9FAFB;--color-bg: #FFFFFF;--color-surface: #FFFFFF;--color-text: #111827;--color-body-text: #1F2937;--color-muted: #6B7280;--color-border: #E5E7EB;--color-primary: #1D4ED8;--color-primary-hover-strong: #1E40AF;--color-primary-hover-bg: #E8EDFB;--button-primary-text: #FFFFFF;--box-bg: var(--color-bg);--box-bg-secondary: var(--color-surface);--box-border: var(--color-border);--box-text: var(--color-text);--box-text-secondary: var(--color-body-text);--option-text-color: var(--color-text);--explanation-icon-color: var(--color-text);--hint-bullet-font-style: italic;--hint-bullet-font-weight: 500;--hint-bullet-color: var(--color-text);--color-progress-track: #E5E7EB;--color-progress-fill: #2563EB;--color-success: #059669;--color-success-bg: #ecfdf5;--color-success-border: #a7f3d0;--color-success-border-strong: #6ee7b7;--color-danger: #dc2626;--color-danger-bg: #fef2f2;--color-danger-border: #fecaca;--color-danger-border-strong: #fca5a5;--color-warning: #ff9800;--color-option-selected-bg: rgba(45, 62, 80, .05);--color-option-selected-default-bg: #EFF6FF;--text-primary: var(--color-text);--text-secondary: var(--color-body-text);--text-counter: var(--color-body-text);--text-muted: var(--color-muted);--success-color: var(--color-success);--error-color: var(--color-danger);--warning-color: var(--color-warning)}body{margin:0;font-size:var(--font-base);font-family:var(--font-family-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-body-text);background-color:var(--page-bg)}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100vh;background-color:var(--page-bg);color:var(--text-primary);font-family:var(--font-family-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote{margin:0}ul,ol{padding:0;list-style:none}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}[data-theme=light]{--page-bg: #F9FAFB;--color-bg: #FFFFFF;--color-surface: #FFFFFF;--color-text: #364153;--color-body-text: #364153;--color-muted: #6B7280;--color-border: #E5E7EB;--color-note: #4B5563;--box-bg: var(--color-bg);--box-bg-secondary: var(--color-surface);--box-border: var(--color-border);--box-text: var(--color-text);--box-text-secondary: var(--color-body-text);--option-text-color: var(--color-text);--explanation-icon-color: var(--color-text);--hint-bullet-font-style: italic;--hint-bullet-font-weight: 500;--hint-bullet-color: var(--color-text);--color-primary: #1D4ED8;--color-primary-hover-strong: #1E40AF;--color-primary-hover-bg: #E8EDFB;--button-primary-text: #FFFFFF;--color-progress-track: #E5E7EB;--color-progress-fill: #2563EB;--text-primary: var(--color-text);--text-secondary: var(--color-body-text);--text-counter: var(--color-body-text);--text-muted: var(--color-muted);--success-color: var(--color-success);--error-color: var(--color-danger);--warning-color: var(--color-warning)}[data-theme=dark]{--page-bg: #101828;--color-bg: #0B0F14;--color-surface: #101828;--color-body-text: #1F2937;--color-text: #d1d5dc;--color-muted: #9CA3AF;--color-border: #1e2939;--color-note: #A7AFBB;--box-bg: #1e2939;--box-bg-secondary: #101828;--box-border: #37404eff;--box-text: #d1d5dc;--box-text-secondary: #E5E7EB;--option-text-color: var(--color-text);--explanation-icon-color: #111827;--hint-bullet-font-style: italic;--hint-bullet-font-weight: 500;--hint-bullet-color: var(--explanation-icon-color);--color-primary: #60A5FA;--color-primary-hover-strong: #3B82F6;--color-primary-hover-bg: #DCECFF;--button-primary-text: #FFFFFF;--color-progress-track: #3B3B44;--color-progress-fill: #60A5FA;--text-primary: var(--box-text);--text-secondary: var(--color-body-text);--text-counter: var(--color-text);--text-muted: var(--color-muted);--success-color: var(--color-success);--error-color: var(--color-danger);--warning-color: var(--color-warning)}