.results .questions-review .question-review.correct{background-color:var(--color-success-light)!important;border:1px solid var(--color-success)!important}.results .questions-review .question-review.incorrect{background-color:var(--color-danger-light)!important;border:1px solid var(--color-danger)!important}:root{--color-primary-50:#e6f2ff;--color-primary-100:#bae0ff;--color-primary-200:#7cc4ff;--color-primary-300:#36a3ff;--color-primary-400:#0984ff;--color-primary-500:#06c;--color-primary-600:#0052a3;--color-primary-700:#003d7a;--color-primary-800:#002952;--color-primary-900:#001429;--color-neutral-50:#fafafa;--color-neutral-100:#f5f5f5;--color-neutral-200:#e5e5e5;--color-neutral-300:#d4d4d4;--color-neutral-400:#a3a3a3;--color-neutral-500:#737373;--color-neutral-600:#525252;--color-neutral-700:#404040;--color-neutral-800:#262626;--color-neutral-900:#171717;--color-success:#10b981;--color-success-light:#d1fae5;--color-danger:#ef4444;--color-danger-light:#fee2e2;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-info:#3b82f6;--color-info-light:#dbeafe;--color-background:#fff;--color-surface:#fafafa;--color-surface-elevated:#fff;--color-border:#e5e5e5;--color-text-primary:#171717;--color-text-secondary:#525252;--color-text-tertiary:#737373;--font-family-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-mono:"SF Mono","Monaco","Inconsolata","Fira Code","Fira Mono","Droid Sans Mono","Courier New",monospace;--font-size-xs:0.64rem;--font-size-sm:0.8rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.563rem;--font-size-2xl:1.953rem;--font-size-3xl:2.441rem;--font-size-4xl:3.052rem;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--transition-fast:150ms;--transition-base:200ms;--transition-slow:300ms;--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-popover:500;--z-tooltip:600;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}[data-theme=dark]{--color-primary-50:#001429;--color-primary-100:#002952;--color-primary-200:#003d7a;--color-primary-300:#0052a3;--color-primary-400:#06c;--color-primary-500:#3385ff;--color-primary-600:#5c9eff;--color-primary-700:#85b8ff;--color-primary-800:#add1ff;--color-primary-900:#d6ebff;--color-neutral-50:#171717;--color-neutral-100:#262626;--color-neutral-200:#404040;--color-neutral-300:#525252;--color-neutral-400:#737373;--color-neutral-500:#a3a3a3;--color-neutral-600:#d4d4d4;--color-neutral-700:#e5e5e5;--color-neutral-800:#f5f5f5;--color-neutral-900:#fafafa;--color-success:#34d399;--color-success-light:#064e3b;--color-danger:#f87171;--color-danger-light:#7f1d1d;--color-warning:#fbbf24;--color-warning-light:#78350f;--color-info:#60a5fa;--color-info-light:#1e3a8a;--color-background:#0a0a0a;--color-surface:#171717;--color-surface-elevated:#262626;--color-border:#404040;--color-text-primary:#fafafa;--color-text-secondary:#d4d4d4;--color-text-tertiary:#a3a3a3;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #0009,0 10px 10px -5px #0006}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary-50:#001429;--color-primary-100:#002952;--color-primary-200:#003d7a;--color-primary-300:#0052a3;--color-primary-400:#06c;--color-primary-500:#3385ff;--color-primary-600:#5c9eff;--color-primary-700:#85b8ff;--color-primary-800:#add1ff;--color-primary-900:#d6ebff;--color-neutral-50:#171717;--color-neutral-100:#262626;--color-neutral-200:#404040;--color-neutral-300:#525252;--color-neutral-400:#737373;--color-neutral-500:#a3a3a3;--color-neutral-600:#d4d4d4;--color-neutral-700:#e5e5e5;--color-neutral-800:#f5f5f5;--color-neutral-900:#fafafa;--color-success:#34d399;--color-success-light:#064e3b;--color-danger:#f87171;--color-danger-light:#7f1d1d;--color-warning:#fbbf24;--color-warning-light:#78350f;--color-info:#60a5fa;--color-info-light:#1e3a8a;--color-background:#0a0a0a;--color-surface:#171717;--color-surface-elevated:#262626;--color-border:#404040;--color-text-primary:#fafafa;--color-text-secondary:#d4d4d4;--color-text-tertiary:#a3a3a3;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #0009,0 10px 10px -5px #0006}}.header-nav{gap:var(--space-4);margin-left:auto!important}.header-nav,.theme-toggle-btn{align-items:center;display:flex}.theme-toggle-btn{background-color:initial;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;color:var(--color-primary-500)!important;cursor:pointer;font-size:var(--font-size-sm);gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast) var(--ease-in-out)}.theme-toggle-btn:hover{background-color:var(--color-primary-500);border-color:var(--color-primary-600)!important;color:#fff!important}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--font-family-sans);line-height:var(--line-height-normal);margin:0;transition:background-color var(--transition-slow) var(--ease-in-out),color var(--transition-slow) var(--ease-in-out)}.App,body{padding:var(--space-5)}.App{background-color:var(--color-surface-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin:0 auto;max-width:800px;transition:background-color var(--transition-base) var(--ease-in-out),box-shadow var(--transition-base) var(--ease-in-out)}h1{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-6)}h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-4)}h2,h3{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}h3{font-size:var(--font-size-xl);margin-bottom:var(--space-3)}p{color:var(--color-text-secondary);margin-bottom:var(--space-4)}a{color:var(--color-primary-500);text-decoration:none;transition:color var(--transition-fast) var(--ease-in-out)}a:hover{color:var(--color-primary-600);text-decoration:underline}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}:focus:not(:focus-visible){outline:none}button{background-color:var(--color-primary-500);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-block;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:var(--space-1) var(--space-1);padding:var(--space-3) var(--space-5);text-align:center;text-decoration:none;transition:all var(--transition-base) var(--ease-in-out)}button:hover:not(:disabled){background-color:var(--color-primary-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}button:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(0)}button:disabled{background-color:var(--color-neutral-400);color:var(--color-neutral-600);cursor:not-allowed;opacity:.6}input[type=number]{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--color-text-primary);display:inline;font-size:var(--font-size-base);margin:var(--space-2);max-width:60px;padding:var(--space-3);transition:all var(--transition-base) var(--ease-in-out);width:100%}input[type=number]:hover{border-color:var(--color-neutral-400)}input[type=number]:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #0984ff1a;outline:none}.question{margin-bottom:var(--space-5)}.navigation{display:flex;justify-content:space-between;margin-top:var(--space-5)}.progress-bar{background-color:var(--color-neutral-200);height:20px;margin-bottom:var(--space-5);overflow:hidden;position:relative;width:100%}.progress,.progress-bar{border-radius:var(--radius-full)}.progress{background-color:var(--color-primary-500);height:100%;transition:width var(--transition-slow) var(--ease-out)}.progress-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.progress-text,.timer{color:var(--color-text-primary)}.timer{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.question-review,.timer{margin-bottom:var(--space-3)}.question-review{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);transition:all var(--transition-base) var(--ease-in-out)}.question-review:hover{box-shadow:var(--shadow-sm)}@media (max-width:600px){.App,body{padding:var(--space-3)}button{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-4)}}.homepage-container{background-color:var(--color-background);min-height:100vh;padding:var(--space-6) var(--space-4)}.homepage-inner{margin:0 auto;max-width:1024px}.text-center{text-align:center}.exam-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}.exam-title,.question-input{color:var(--color-text-primary)}.question-input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:inline-block;font-size:var(--font-size-base);margin-top:var(--space-2);padding:var(--space-3);transition:all var(--transition-base) var(--ease-in-out);width:60%}.question-input:hover{border-color:var(--color-neutral-400)}.question-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #0984ff1a;outline:none}.input-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:var(--space-4)}.input-label{max-width:400px;text-align:center;width:100%}.start-button{background-color:var(--color-primary-500);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-6);transition:all var(--transition-base) var(--ease-in-out)}.start-button:hover{background-color:var(--color-primary-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.start-button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.community-container,.creator-container{background-color:var(--color-surface-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--space-8);overflow:hidden;transition:all var(--transition-base) var(--ease-in-out)}.community-container:hover,.creator-container:hover{box-shadow:var(--shadow-md)}.community-header,.creator-header{padding:var(--space-4)}.section-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.community-content,.creator-content{padding:var(--space-4)}.community-details,.creator-details{margin:0}.detail-row{border-top:1px solid var(--color-border);display:flex;flex-direction:column;padding:var(--space-4) 0}.detail-label{color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.detail-content{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-1)}.links{display:flex;gap:var(--space-4)}.link{color:var(--color-primary-500);text-decoration:none;transition:color var(--transition-fast) var(--ease-in-out)}.link:hover{color:var(--color-primary-600);text-decoration:underline}.community-logo img{border-radius:var(--radius-md);height:192px;margin-top:var(--space-2);object-fit:contain;width:192px}@media (max-width:600px){.homepage-container{padding:var(--space-6) var(--space-2)}.community-header,.creator-header{padding:var(--space-3)}}.about-container{background-color:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--space-5);padding:var(--space-5);transition:all var(--transition-base) var(--ease-in-out)}.about-header{text-align:center}.about-content,.about-header{margin-bottom:var(--space-5)}.about-text{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin-bottom:var(--space-3)}.about-footer{text-align:center}.github-link{background-color:var(--color-primary-500);border-radius:var(--radius-md);color:#fff;display:inline-block;font-weight:var(--font-weight-medium);margin-top:var(--space-3);padding:var(--space-3) var(--space-5);text-decoration:none;transition:all var(--transition-base) var(--ease-in-out)}.github-link:hover{background-color:var(--color-primary-600);box-shadow:var(--shadow-md);color:#fff;text-decoration:none;transform:translateY(-1px)}.image-container{align-items:center;display:flex;justify-content:center;margin:var(--space-5) 0;max-width:100%;overflow:hidden;width:100%}.responsive-image{height:auto;max-width:500px;object-fit:contain;width:100%}@media (max-width:768px){.responsive-image{max-width:600px}}@media (max-width:480px){.responsive-image{max-width:400px}}