:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh;width:100%;overflow-x:hidden;position:relative;overscroll-behavior-y:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;overscroll-behavior:none;scroll-behavior:smooth;-webkit-text-size-adjust:100%}#app{width:100%;min-height:100vh;margin:0;padding:0;position:relative;overflow-x:hidden}input,textarea,button,[contenteditable=true]{-webkit-user-select:text;user-select:text}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;pointer-events:none}a,button,input,textarea,select{pointer-events:auto}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media print{html,body,#app{height:auto!important;min-height:0!important;max-height:none!important;width:auto!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;position:static!important;overscroll-behavior:auto!important;margin:0!important;padding:0!important;background:#fff!important;color:#1f2937!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;overflow:visible!important;max-height:none!important}[style*="position: fixed"],[style*="position:fixed"]{display:none!important}.custom-toast,#toast-styles~.custom-toast,[class*=custom-toast]{display:none!important;visibility:hidden!important;opacity:0!important}}:root{--bg-primary: #FFFFFF;--bg-secondary: #F8F9FA;--bg-tertiary: #F1F3F5;--text-primary: #2C3E50;--text-secondary: #546E7A;--text-tertiary: #90A4AE;--text-light: #B0BEC5;--accent-primary: #D69E2E;--accent-hover: #B7791F;--accent-light: #F6E05E;--accent-bg: #FFFBEB;--alert-primary: #E53E3E;--alert-bg: #FFF5F5;--success: #38A169;--success-bg: #F0FFF4;--info: #3182CE;--info-bg: #EBF8FF;--border-light: #E2E8F0;--border-medium: #CBD5E0;--border-dark: #A0AEC0;--font-primary: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-english: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-bold: 700;--font-semibold: 600;--font-medium: 500;--font-regular: 400;--font-light: 300;--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;--text-5xl: 3rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--leading-loose: 2;--space-1: 1rem;--space-2: 2rem;--space-3: 3rem;--space-4: 4rem;--space-5: 5rem;--space-6: 6rem;--space-8: 8rem;--space-10: 10rem;--space-12: 12rem;--space-16: 16rem;--padding-xs: 1.125rem;--padding-sm: 1.875rem;--padding-md: 2.8rem;--padding-lg: 3.75rem;--padding-xl: 5.6rem;--shadow-sm: 0 1px 2px 0 rgba(44, 62, 80, .05);--shadow-md: 0 4px 6px -1px rgba(44, 62, 80, .1), 0 2px 4px -1px rgba(44, 62, 80, .06);--shadow-lg: 0 10px 15px -3px rgba(44, 62, 80, .1), 0 4px 6px -2px rgba(44, 62, 80, .05);--shadow-xl: 0 20px 25px -5px rgba(44, 62, 80, .1), 0 10px 10px -5px rgba(44, 62, 80, .04);--shadow-2xl: 0 25px 50px -12px rgba(44, 62, 80, .25);--shadow-hover: 0 15px 30px -5px rgba(44, 62, 80, .15), 0 8px 12px -3px rgba(44, 62, 80, .08);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,.text-h1{font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--gray-900);margin-bottom:var(--space-4)}h2,.text-h2{font-size:var(--text-3xl);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--gray-800);margin-bottom:var(--space-3)}h3,.text-h3{font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-normal);color:var(--gray-800);margin-bottom:var(--space-3)}.text-slogan{font-size:var(--text-xl);font-weight:var(--font-medium);line-height:var(--leading-relaxed);color:var(--gray-700)}.text-body{font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--leading-relaxed);color:var(--gray-700)}.text-caption{font-size:var(--text-sm);font-weight:var(--font-regular);line-height:var(--leading-normal);color:var(--gray-600)}.card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--padding-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base);border:none}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.card-elevated{box-shadow:var(--shadow-lg)}.card-floating{box-shadow:var(--shadow-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--padding-sm) var(--padding-md);font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition-base);font-family:var(--font-primary);box-shadow:var(--shadow-md)}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--primary-700) 0%,var(--primary-600) 100%);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-800) 0%,var(--primary-700) 100%)}.btn-cta{background:linear-gradient(135deg,var(--accent-600) 0%,var(--accent-500) 100%);color:#fff;font-size:var(--text-xl);padding:var(--padding-md) var(--padding-xl);box-shadow:var(--shadow-xl)}.btn-cta:hover{background:linear-gradient(135deg,var(--accent-700) 0%,var(--accent-600) 100%);box-shadow:var(--shadow-2xl)}.btn-secondary{background:var(--gray-100);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-200)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-2{padding:var(--padding-sm)}.p-3{padding:var(--padding-md)}.p-4{padding:var(--padding-lg)}.p-5{padding:var(--padding-xl)}@media (max-width: 640px){:root{--text-4xl: 1.875rem;--text-3xl: 1.5rem;--text-2xl: 1.25rem;--padding-xl: 2.5rem;--padding-lg: 1.875rem}}@supports (height: 100dvh){:root{--vh: 100dvh}}@supports not (height: 100dvh){:root{--vh: 100vh}}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}html,body{margin:0;padding:0;overflow-x:hidden;height:100%;width:100%}button,a,[role=button]{touch-action:manipulation}.scrollable{touch-action:pan-y;-webkit-overflow-scrolling:touch}input,textarea,select{touch-action:auto;font-size:16px!important}@media (max-width: 768px){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}button,.button,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer}button:active,.button:active,[role=button]:active{transform:scale(.98);transition:transform .1s ease}a{-webkit-tap-highlight-color:transparent}.smooth-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.no-scroll{overflow:hidden;position:fixed;width:100%;height:100%}.keyboard-visible input:focus,.keyboard-visible textarea:focus{scroll-margin-bottom:100px}@media (orientation: landscape) and (max-height: 500px){.assessment-page{padding:6px!important}.main-progress-bar{padding:4px 8px!important;margin-bottom:6px!important}.chapter-indicators{margin-bottom:6px!important}.question-section{padding:8px!important}}@media (max-width: 360px){body{font-size:14px}h1,h2,h3{font-size:90%}.option-button{min-height:44px!important}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.option-button,.card,.white-card{border-width:.5px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid #667eea;outline-offset:2px}:focus:not(:focus-visible){outline:none}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}