@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,400&display=swap";*{box-sizing:border-box}body{margin:0}.theme-dark{--bg:#0a0d14;--bg2:#0f1320;--surface:#1a2135;--surface2:#212840;--border:#ffffff12;--border2:#ffffff21;--text:#e8ecf4;--text2:#8b95b0;--text3:#5a6480;--accent:#3b82f6;--accent2:#6366f1;--accent-glow:#3b82f640;--green:#22c55e;--green-bg:#22c55e1f;--red:#ef4444;--red-bg:#ef44441a;--yellow:#f59e0b;--shadow:0 4px 24px #0006;--shadow-lg:0 8px 40px #00000080;--grid-color:#3b82f60a;--toggle-bg:#212840;--toggle-thumb:#3b82f6;--toggle-border:#ffffff21}.theme-light{--bg:#f0f4fb;--bg2:#fff;--surface:#fff;--surface2:#eef2fa;--border:#00000012;--border2:#0000001c;--text:#111827;--text2:#6b7280;--text3:#9ca3af;--accent:#2563eb;--accent2:#4f46e5;--accent-glow:#2563eb33;--green:#16a34a;--green-bg:#16a34a1a;--red:#dc2626;--red-bg:#dc262614;--yellow:#d97706;--shadow:0 4px 24px #00000014;--shadow-lg:0 8px 40px #0000001f;--grid-color:#2563eb0d;--toggle-bg:#e2e8f4;--toggle-thumb:#2563eb;--toggle-border:#0000001a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{min-height:100vh;font-family:DM Sans,sans-serif;overflow-x:hidden}.app{background:var(--bg);min-height:100vh;color:var(--text);flex-direction:column;transition:background .3s,color .3s;display:flex}.loading-screen{background:var(--bg);z-index:9999;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}.loading-content{text-align:center;flex-direction:column;align-items:center;gap:2rem;display:flex}.loading-car{justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.loading-car-icon{color:var(--accent);animation:.3s ease-in-out infinite carShake}@keyframes loadingPulse{0%{opacity:.6;transform:scale(.8)}to{opacity:0;transform:scale(1.8)}}@keyframes carShake{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-3px)rotate(2deg)}}.loading-text{background:linear-gradient(135deg, var(--accent), var(--accent2));-webkit-text-fill-color:transparent;letter-spacing:2px;-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-size:1.5rem;font-weight:700}.loading-dots{gap:8px;margin-top:8px;display:flex}.loading-dot{background:var(--accent);border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite dotPulse}.loading-dot:first-child{animation-delay:0s}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.loading-road{background:linear-gradient(90deg, var(--accent) 0%, var(--accent2) 50%, var(--accent) 100%);background-size:200% 100%;height:4px;animation:1s linear infinite roadMove;position:absolute;bottom:0;left:0;right:0}@keyframes roadMove{0%{background-position:0 0}to{background-position:200% 0}}.theme-toggle{background:var(--toggle-bg);border:1px solid var(--toggle-border);cursor:pointer;color:var(--text2);border-radius:100px;align-items:center;gap:.5rem;padding:.35rem .75rem .35rem .4rem;font-family:DM Sans,sans-serif;font-size:.78rem;font-weight:500;transition:all .25s;display:flex}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle-track{background:var(--surface2);border:1px solid var(--border2);border-radius:100px;flex-shrink:0;width:32px;height:18px;transition:background .25s;position:relative}.track-light{background:var(--accent);border-color:var(--accent)}.theme-toggle-thumb{width:12px;height:12px;color:var(--accent);background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:left .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:2px;left:2px}.track-light .theme-toggle-thumb{color:var(--accent);left:calc(100% - 14px)}.theme-toggle-label{line-height:1}.theme-toggle-corner{z-index:999;position:fixed;top:1.25rem;right:1.25rem}.start-screen{justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem 3rem;display:flex;position:relative;overflow:hidden}.start-bg-grid{background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);pointer-events:none;background-size:60px 60px;transition:background-image .3s;position:fixed;inset:0}.theme-light .start-bg-grid{background-image:linear-gradient(#2563eb0d 1px,#0000 1px),linear-gradient(90deg,#2563eb0d 1px,#0000 1px)}.start-road{pointer-events:none;height:160px;position:fixed;bottom:0;left:0;right:0}.theme-dark .start-road{background:linear-gradient(#0000 0%,#111827 100%)}.theme-light .start-road{background:linear-gradient(#0000 0%,#d1dcf080 100%)}.start-content{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:560px;display:flex;position:relative}.logo-block{flex-direction:column;align-items:center;gap:1rem;display:flex}.logo-icon-ring{background:linear-gradient(135deg, var(--accent), var(--accent2));width:96px;height:96px;box-shadow:0 0 40px var(--accent-glow);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.logo-car{color:#fff;z-index:2;position:relative}.pulse-ring{border:2px solid var(--accent);opacity:0;border-radius:50%;animation:2.5s ease-out infinite pulse-expand;position:absolute;inset:0}.pulse-ring-1{animation-delay:0s}.pulse-ring-2{animation-delay:.7s}.pulse-ring-3{animation-delay:1.4s}@keyframes pulse-expand{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}.logo-text{flex-direction:column;font-family:Syne,sans-serif;line-height:1;display:flex}.logo-lto{letter-spacing:.08em;background:linear-gradient(135deg, var(--accent), var(--accent2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.8rem;font-weight:800}.logo-reviewer{letter-spacing:.3em;color:var(--text2);font-size:.75rem;font-weight:600}.start-title{font-family:Syne,sans-serif;font-size:clamp(1.8rem,5vw,2.5rem);font-weight:800;line-height:1.2}.title-accent{background:linear-gradient(90deg, var(--accent), var(--accent2), #8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.start-subtitle{color:var(--text2);font-size:1rem;line-height:1.6}.stats-row{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.stat-pill{background:var(--surface);border:1px solid var(--border2);color:var(--text2);box-shadow:var(--shadow);border-radius:100px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;transition:background .3s,border-color .3s;display:flex}.stat-pill svg{color:var(--accent)}.mode-cards{flex-direction:column;gap:1rem;width:100%;display:flex}.mode-card{border:1px solid var(--border2);cursor:pointer;text-align:left;box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:1.25rem;padding:1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.mode-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.mode-card-full{background:linear-gradient(135deg,#3b82f61a,#6366f10f);border-color:#3b82f640}.theme-light .mode-card-full{background:linear-gradient(135deg,#2563eb0f,#4f46e50a);border-color:#2563eb33}.mode-card-full:hover{border-color:#3b82f680;box-shadow:0 8px 32px #3b82f626}.mode-card-practice{background:linear-gradient(135deg,#f59e0b1a,#ef44440d);border-color:#f59e0b40}.theme-light .mode-card-practice{background:linear-gradient(135deg,#d977060f,#dc262608);border-color:#d9770633}.mode-card-practice:hover{border-color:#f59e0b80;box-shadow:0 8px 32px #f59e0b1f}.mode-card-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.mode-card-full .mode-card-icon{color:var(--accent);background:#3b82f626}.mode-card-practice .mode-card-icon{color:var(--yellow);background:#f59e0b26}.mode-card-content{flex:1}.mode-card-content h3{margin-bottom:.2rem;font-family:Syne,sans-serif;font-size:1.1rem;font-weight:700}.mode-card-content p{color:var(--text2);font-size:.85rem}.mode-card-arrow{color:var(--text2);font-size:1.3rem;transition:transform .2s}.mode-card:hover .mode-card-arrow{color:var(--text);transform:translate(4px)}.start-note{color:var(--text3);font-size:.8rem}.quiz-screen{flex-direction:column;min-height:100vh;display:flex}.quiz-header{background:var(--bg2);border-bottom:1px solid var(--border);z-index:100;box-shadow:var(--shadow);justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.25rem;transition:background .3s,border-color .3s;display:flex;position:sticky;top:0}.quiz-header-left{align-items:center;display:flex}.quiz-header-right{align-items:center;gap:.6rem;display:flex}.nav-toggle-btn{background:var(--surface);border:1px solid var(--border2);color:var(--text2);cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem .9rem;font-family:DM Sans,sans-serif;font-size:.85rem;transition:all .2s;display:flex}.nav-toggle-btn:hover{border-color:var(--accent);color:var(--accent)}.timer{background:var(--surface);border:1px solid var(--border2);border-radius:10px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:Syne,sans-serif;font-size:1rem;font-weight:700;transition:all .3s;display:flex;position:relative}.timer-low{color:var(--red);background:var(--red-bg);border-color:#ef444466}.timer-pulse{border:2px solid var(--red);border-radius:10px;animation:1s ease-in-out infinite timer-blink;position:absolute;inset:0}@keyframes timer-blink{0%,to{opacity:0}50%{opacity:1}}.finish-btn{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;cursor:pointer;box-shadow:0 4px 16px var(--accent-glow);white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.finish-btn:hover{box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-1px)}.progress-track{background:var(--surface2);height:3px}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent2));height:100%;box-shadow:0 0 8px var(--accent);transition:width .4s}.quiz-main{flex-direction:column;flex:1;gap:1.5rem;width:100%;max-width:720px;margin:0 auto;padding:2rem 1.25rem;display:flex}.question-number{color:var(--text2);font-size:.85rem}.question-number span{color:var(--accent);font-family:Syne,sans-serif;font-size:1rem;font-weight:700}.question-card{background:var(--surface);border:1px solid var(--border2);box-shadow:var(--shadow);border-radius:16px;padding:1.75rem;transition:background .3s,border-color .3s}.question-badge{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;border-radius:6px;align-items:center;margin-bottom:.85rem;padding:.25rem .6rem;font-family:Syne,sans-serif;font-size:.75rem;font-weight:700;display:inline-flex}.question-text{color:var(--text);font-size:1.05rem;line-height:1.65}.options-list{flex-direction:column;gap:.75rem;display:flex}.option-btn{background:var(--surface);border:1px solid var(--border2);cursor:pointer;text-align:left;width:100%;color:var(--text);box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:1rem;padding:1rem 1.25rem;font-family:DM Sans,sans-serif;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.option-btn:hover{border-color:var(--accent);background:#3b82f60d;transform:translate(4px)}.theme-light .option-btn:hover{background:#2563eb0a}.option-selected{border-color:var(--accent)!important;background:#3b82f61a!important}.theme-light .option-selected{background:#2563eb14!important}.option-pulse{background:linear-gradient(90deg,#3b82f626,#0000);animation:.35s forwards option-flash;position:absolute;inset:0}@keyframes option-flash{0%{opacity:1}to{opacity:0}}.option-label{background:var(--surface2);border:1px solid var(--border2);width:32px;height:32px;color:var(--text2);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-family:Syne,sans-serif;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.option-selected .option-label{background:var(--accent);border-color:var(--accent);color:#fff}.option-text{flex:1;line-height:1.5}.quiz-nav-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.nav-btn{border:1px solid var(--border2);background:var(--surface);color:var(--text);cursor:pointer;box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:.4rem;padding:.7rem 1.25rem;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.nav-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.nav-next{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;box-shadow:0 4px 16px var(--accent-glow);border-color:#0000;font-weight:600}.nav-next:hover:not(:disabled){color:#fff;border-color:#0000;transform:translate(3px)}.dot-indicators{align-items:center;gap:6px;display:flex}.dot{background:var(--surface2);border:1px solid var(--border2);cursor:pointer;border-radius:50%;width:8px;height:8px;transition:all .2s}.dot-ghost{opacity:0;pointer-events:none}.dot-current{background:var(--accent);border-color:var(--accent);border-radius:4px;width:24px}.dot-answered{border-color:var(--accent);background:#3b82f659}.nav-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.theme-light .nav-overlay{background:#0000004d}.nav-panel{background:var(--bg2);border-top:1px solid var(--border2);border-radius:20px 20px 0 0;width:100%;max-height:75vh;padding:1.5rem;animation:.25s slide-up;overflow-y:auto;box-shadow:0 -8px 40px #0003}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.nav-panel-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.nav-panel-header h3{font-family:Syne,sans-serif;font-weight:700}.nav-panel-header button{color:var(--text2);cursor:pointer;background:0 0;border:none;padding:.25rem}.nav-legend{color:var(--text2);flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.8rem;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}.legend-answered{background:var(--accent)}.legend-current{background:var(--green)}.legend-empty{background:var(--surface2);border:1px solid var(--border2)}.nav-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:8px;display:grid}.nav-grid-btn{aspect-ratio:1;border:1px solid var(--border2);background:var(--surface);color:var(--text2);cursor:pointer;border-radius:8px;font-family:Syne,sans-serif;font-size:.8rem;font-weight:600;transition:all .15s}.nav-grid-btn:hover{border-color:var(--accent);color:var(--accent)}.ngb-answered{color:var(--accent);background:#3b82f61f;border-color:#3b82f659}.ngb-current{background:var(--accent);border-color:var(--accent);color:#fff}.nav-panel-footer{border-top:1px solid var(--border);color:var(--text2);justify-content:space-between;align-items:center;margin-top:1.25rem;padding-top:1.25rem;font-size:.85rem;display:flex}.finish-btn-nav{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.6rem 1.25rem;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600}.result-screen{justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem 1rem 4rem;display:flex;position:relative}.result-bg{pointer-events:none;position:fixed;inset:0}.theme-dark .result-bg{background:radial-gradient(at 30% 20%,#3b82f612 0%,#0000 60%),radial-gradient(at 70% 80%,#6366f10d 0%,#0000 60%)}.theme-light .result-bg{background:radial-gradient(at 30% 20%,#2563eb0f 0%,#0000 60%),radial-gradient(at 70% 80%,#4f46e50a 0%,#0000 60%)}.result-content{z-index:1;flex-direction:column;align-items:center;gap:1.75rem;width:100%;max-width:680px;padding-top:3.5rem;display:flex;position:relative}.result-badge{border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative}.badge-pass{color:var(--green);background:var(--green-bg)}.badge-fail{color:var(--red);background:var(--red-bg)}.badge-pulse-1,.badge-pulse-2{opacity:0;border-radius:50%;animation:2s ease-out infinite badge-pulse;position:absolute;inset:0}.badge-pass .badge-pulse-1,.badge-pass .badge-pulse-2{border:2px solid var(--green)}.badge-fail .badge-pulse-1,.badge-fail .badge-pulse-2{border:2px solid var(--red)}.badge-pulse-2{animation-delay:.6s}@keyframes badge-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2)}}.result-verdict{font-family:Syne,sans-serif;font-size:2rem;font-weight:800}.verdict-pass{color:var(--green)}.verdict-fail{color:var(--red)}.score-circle{width:160px;height:160px;position:relative}.score-svg{width:100%;height:100%}.score-inner{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.score-percent{font-family:Syne,sans-serif;font-size:2.2rem;font-weight:800}.score-fraction{color:var(--text2);font-size:.85rem}.result-stats{background:var(--surface);border:1px solid var(--border2);box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:1.5rem;padding:1.25rem 2rem;transition:background .3s;display:flex}.result-stat{align-items:center;gap:.75rem;display:flex}.correct-stat{color:var(--green)}.wrong-stat{color:var(--red)}.result-stat div{flex-direction:column;display:flex}.stat-num{color:var(--text);font-family:Syne,sans-serif;font-size:1.4rem;font-weight:800}.stat-label{color:var(--text2);font-size:.75rem}.result-divider{background:var(--border2);width:1px;height:40px}.result-actions{gap:1rem;width:100%;max-width:400px;display:flex}.action-btn{cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.9rem;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.action-retry{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;box-shadow:0 4px 20px var(--accent-glow);border:none}.action-retry:hover{box-shadow:0 8px 28px var(--accent-glow);transform:translateY(-2px)}.action-home{background:var(--surface);border:1px solid var(--border2);color:var(--text);box-shadow:var(--shadow)}.action-home:hover{border-color:var(--accent);color:var(--accent)}.review-section{width:100%}.review-toggle{background:var(--surface);border:1px solid var(--border2);color:var(--text);cursor:pointer;width:100%;box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:.5rem;padding:.8rem 1.25rem;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.review-toggle:hover{border-color:var(--accent)}.review-content{margin-top:1rem}.review-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.filter-btn{border:1px solid var(--border2);background:var(--surface);color:var(--text2);cursor:pointer;border-radius:100px;padding:.45rem .9rem;font-family:DM Sans,sans-serif;font-size:.8rem;transition:all .2s}.filter-active{background:var(--accent);border-color:var(--accent);color:#fff}.review-list{flex-direction:column;gap:1rem;display:flex}.review-item{background:var(--surface);border:1px solid var(--border2);box-shadow:var(--shadow);border-left:4px solid #0000;border-radius:16px;padding:1.25rem;transition:background .3s}.review-correct{border-left-color:var(--green)}.review-wrong{border-left-color:var(--red)}.review-item-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.review-num{color:var(--text2);font-family:Syne,sans-serif;font-size:.8rem;font-weight:700}.review-icon-correct{color:var(--green)}.review-icon-wrong{color:var(--red)}.review-question{color:var(--text);margin-bottom:.75rem;font-size:.9rem;line-height:1.5}.review-options{flex-direction:column;gap:.4rem;display:flex}.review-opt{background:var(--bg);color:var(--text2);border-radius:8px;align-items:center;gap:.75rem;padding:.6rem .8rem;font-size:.82rem;transition:background .3s;display:flex}.ropt-correct{background:var(--green-bg);color:var(--green)}.ropt-wrong{background:var(--red-bg);color:var(--red)}.ropt-label{background:var(--surface2);width:24px;height:24px;color:var(--text2);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-family:Syne,sans-serif;font-size:.72rem;font-weight:700;display:flex}.ropt-correct .ropt-label{background:var(--green);color:#fff}.ropt-wrong .ropt-label{background:var(--red);color:#fff}.ropt-tag{color:var(--green);white-space:nowrap;margin-left:auto;font-size:.72rem;font-weight:600}.ropt-tag-wrong{color:var(--red)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface2);border-radius:3px}@media (width<=520px){.quiz-header{flex-wrap:wrap;gap:.5rem}.result-stats{gap:1rem;padding:1rem 1.25rem}.stat-num{font-size:1.2rem}.result-verdict{font-size:1.5rem}.theme-toggle-label{display:none}}@keyframes modalPulse{0%{opacity:.8;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}to{opacity:0;transform:scale(1.4)}}.time-icon{justify-content:center;align-items:center;font-size:28px;transition:transform .3s;display:inline-flex;position:relative}@keyframes timeIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes timeRingPulse{0%{opacity:.6;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}@keyframes startBtnPulse{0%{opacity:.6;transform:scale(1)}50%{opacity:.3;transform:scale(1.05)}to{opacity:0;transform:scale(1.1)}}.time-option{cursor:pointer;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;align-items:center;gap:16px;padding:16px 20px;transition:all .2s;display:flex;position:relative;overflow:hidden}.time-option:hover{background:#ffffff1a;border-color:#ff6b3580;transform:translate(4px)}.time-option:hover .time-icon{transition:transform .2s;transform:scale(1.1)}.theme-light .time-option:hover{background:#0000000d}.time-option-selected{background:linear-gradient(135deg,#ff6b3533,#f7931e33);border-color:#ff6b35;animation:.5s optionGlow;box-shadow:0 0 0 2px #ff6b354d}@keyframes optionGlow{0%{box-shadow:0 0 #ff6b35b3}to{box-shadow:0 0 0 2px #ff6b354d}}@media (width<=640px){.time-modal{max-width:95%;padding:24px}.modal-icon,.modal-pulse-ring{width:48px;height:48px}.time-icon{font-size:24px}.time-pulse-ring{width:35px;height:35px}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#000c;justify-content:center;align-items:center;animation:.2s modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.time-modal{background:linear-gradient(135deg, var(--bg2) 0%, var(--surface) 100%);border:1px solid var(--border2);border-radius:28px;width:90%;max-width:500px;padding:32px;transition:background .3s,border-color .3s;animation:.3s modalSlideUp;box-shadow:0 25px 50px -12px #00000080}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex;position:relative}.modal-icon{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:28px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative}.pulse-icon{position:relative}.modal-title{text-align:center;background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex:1;margin:0;font-family:Syne,sans-serif;font-size:24px;font-weight:700}.modal-close{cursor:pointer;width:40px;height:40px;color:var(--text2);background:#ffffff1a;border:none;border-radius:20px;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-close:hover{color:var(--text);background:#fff3;transform:scale(1.05)}.theme-light .modal-close{background:#0000000d}.theme-light .modal-close:hover{background:#0000001a}.modal-mode-info{text-align:center;border-bottom:1px solid var(--border2);margin-bottom:28px;padding-bottom:20px}.modal-mode-info h3{color:#ff6b35;margin:0 0 8px;font-family:Syne,sans-serif;font-size:20px;font-weight:700}.modal-mode-info p{opacity:.7;color:var(--text2);margin:0;font-size:14px}.time-options{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.time-option{background:var(--surface);border:2px solid var(--border2);cursor:pointer;border-radius:16px;align-items:center;gap:16px;width:100%;padding:16px 20px;font-family:DM Sans,sans-serif;transition:all .2s;display:flex;position:relative;overflow:hidden}.theme-light .time-option{background:var(--surface);border-color:var(--border2)}.time-option:hover{border-color:#ff6b35;transform:translate(4px)}.time-option-selected{background:linear-gradient(135deg,#ff6b3533,#f7931e33);border-color:#ff6b35;box-shadow:0 0 0 2px #ff6b354d}.time-icon{text-align:center;justify-content:center;align-items:center;width:40px;font-size:28px;transition:transform .3s;display:inline-flex;position:relative}.pulse-time-icon{animation:1s ease-in-out infinite timeIconPulse}.time-info{text-align:left;flex-direction:column;flex:1;gap:4px;display:flex}.time-label{color:var(--text);font-size:18px;font-weight:600}.time-value{opacity:.6;color:var(--text2);font-size:12px}.check-mark{color:#fff;background:#ff6b35;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:flex}.modal-footer{gap:12px;margin-bottom:20px;display:flex}.modal-cancel-btn,.modal-start-btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:12px 20px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;transition:all .2s}.modal-cancel-btn{background:var(--surface);border:1px solid var(--border2);color:var(--text2)}.modal-cancel-btn:hover{background:var(--surface2);transform:scale(.98)}.modal-start-btn{color:#fff;z-index:1;background:linear-gradient(135deg,#ff6b35,#f7931e);justify-content:center;align-items:center;gap:8px;display:flex;position:relative;overflow:hidden}.pulse-start-btn{position:relative}.start-pulse-ring{pointer-events:none;z-index:-1;background:#ff6b3599;border-radius:12px;animation:1.2s ease-out infinite startBtnPulse;position:absolute}.start-pulse-ring-1{width:100%;height:100%;animation-delay:0s}.start-pulse-ring-2{width:100%;height:100%;animation-delay:.6s}.modal-start-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ff6b354d}.btn-arrow{transition:transform .2s}.modal-start-btn:hover .btn-arrow{transform:translate(4px)}.modal-note{text-align:center;opacity:.6;border-top:1px solid var(--border2);color:var(--text2);margin:0;padding-top:12px;font-size:12px}@media (width<=640px){.time-modal{max-width:95%;padding:24px}.modal-icon,.modal-pulse-ring{width:48px;height:48px}.time-icon{width:32px;font-size:24px}.time-pulse-ring{width:35px;height:35px}.time-label{font-size:16px}.modal-title{font-size:20px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.confirm-modal{background:var(--surface);border:1px solid var(--border2);width:90%;max-width:450px;box-shadow:var(--shadow-lg);border-radius:24px;padding:28px;animation:.3s modalSlideUp}.confirm-modal-header{text-align:center;margin-bottom:20px}.confirm-icon{color:#f59e0b;margin-bottom:12px}.confirm-modal-header h2{color:var(--text);font-family:Syne,sans-serif;font-size:1.5rem;font-weight:700}.confirm-modal-content{text-align:center;margin-bottom:24px}.confirm-modal-content p{color:var(--text2);margin-bottom:16px}.exam-summary{background:var(--bg2);border-radius:16px;margin:16px 0;padding:16px}.summary-item{color:var(--text);align-items:center;gap:12px;padding:8px 0;font-size:1rem;display:flex}.summary-item svg{color:var(--green)}.summary-item.warning svg{color:var(--yellow)}.summary-item strong{color:var(--accent);font-weight:700}.warning-message{background:var(--red-bg);border-left:3px solid var(--red);border-radius:8px;margin:16px 0;padding:12px}.warning-message p{color:var(--red);margin-bottom:4px;font-weight:500}.warning-message .small-text{color:var(--text2);font-size:.8rem;font-weight:400}.confirm-note{color:var(--text3);margin-top:12px;font-size:.85rem;font-style:italic}.confirm-modal-footer{gap:12px;display:flex}.cancel-btn,.confirm-btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:12px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600;transition:all .2s}.cancel-btn{background:var(--surface2);border:1px solid var(--border2);color:var(--text2)}.cancel-btn:hover{background:var(--surface);transform:scale(.98)}.confirm-btn{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;box-shadow:0 4px 16px var(--accent-glow)}.confirm-btn:hover{box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-2px)}.result-verdict-container{text-align:center}.result-message{color:var(--text2);text-align:center;max-width:400px;margin-top:8px;font-size:1rem}.page-loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.page-loading-spinner{background:var(--surface);box-shadow:var(--shadow-lg);border:1px solid var(--border2);border-radius:20px;flex-direction:column;align-items:center;gap:1rem;padding:2rem 3rem;animation:.3s scaleIn;display:flex}.spinner-icon{color:var(--accent);animation:1s linear infinite spin}.page-loading-spinner p{color:var(--text);margin:0;font-family:DM Sans,sans-serif;font-size:.9rem}.pulse-icon-container,.icon-pulse-container,.icon-pulse-container-small,.icon-pulse-container-warning,.icon-pulse-container-small-warning{justify-content:center;align-items:center;display:inline-flex;position:relative}.pulse-icon-warning{animation:1.5s ease-in-out infinite warningPulse}@keyframes warningRingPulse{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}}@keyframes warningPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.pulse-icon-small{pointer-events:none;background:#22c55e80;border-radius:50%;animation:1.2s ease-out infinite smallRingPulse;position:absolute}@keyframes smallRingPulse{0%{opacity:.6;transform:scale(.6)}to{opacity:0;transform:scale(1.4)}}.pulse-timer .clock-icon-container{position:relative}@keyframes clockPulse{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.pulse-hover{transition:all .3s;position:relative;overflow:hidden}.pulse-hover:hover{transform:scale(1.02)}.pulse-hover:active{transform:scale(.98)}.pulse-stat{position:relative;overflow:hidden}.pulse-stat-ring{background:var(--accent-glow);pointer-events:none;border-radius:100px;animation:2s ease-out infinite statPulse;position:absolute}.pulse-stat-ring-1{width:100%;height:100%;animation-delay:0s}.pulse-stat-ring-2{width:100%;height:100%;animation-delay:.7s}.pulse-stat-ring-3{width:100%;height:100%;animation-delay:1.4s}@keyframes statPulse{0%{opacity:.3;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}.pulse-card{transition:all .3s;position:relative}.pulse-card:hover{transform:translateY(-5px)}.pulse-icon-card{position:relative}.pulse-card-ring-1{width:56px;height:56px;animation-delay:0s;top:0;left:0}.pulse-card-ring-2{width:56px;height:56px;animation-delay:.6s;top:0;left:0}@keyframes cardRingPulse{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}.pulse-dot{animation:1.5s ease-in-out infinite dotPulse}.pulse-current{animation:1s ease-in-out infinite currentPulse}@keyframes currentPulse{0%,to{box-shadow:0 0 0 0 var(--accent)}50%{box-shadow:0 0 0 4px #3b82f666}}.pulse-selected{animation:.5s selectedPulse}@keyframes selectedPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.pulse-badge-result{position:relative}@keyframes resultRingPulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.trophy-icon,.xcircle-icon{animation:2s ease-in-out infinite iconFloat}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.pulse-stat .icon-pulse-container-small,.pulse-stat-warning .icon-pulse-container-small-warning{position:relative}.pulse-check{animation:.6s ease-in-out checkPulse}@keyframes checkPulse{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.pulse-logo{position:relative}.pulse-car{animation:2s ease-in-out infinite carBounce}@keyframes carBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.pulse-toggle{position:relative;overflow:visible}.pulse-toggle-ring{background:var(--accent-glow);pointer-events:none;border-radius:100px;animation:2s ease-out infinite toggleRingPulse;position:absolute}.pulse-toggle-ring-1{width:100%;height:100%;animation-delay:0s;top:0;left:0}.pulse-toggle-ring-2{width:100%;height:100%;animation-delay:.8s;top:0;left:0}@keyframes toggleRingPulse{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}.pulse-badge{animation:1.5s ease-in-out infinite badgeGlow}@keyframes badgeGlow{0%,to{box-shadow:0 0 5px var(--accent)}50%{box-shadow:0 0 15px var(--accent)}}.pulse-car-loading{animation:.5s ease-in-out infinite carSpin}@keyframes carSpin{0%,to{transform:rotate(0)}50%{transform:rotate(5deg)}}.option-btn .option-label{transition:all .3s}.option-btn:hover .option-label{animation:.5s labelPulse}@keyframes labelPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.icon-pulse-container,.icon-pulse-modal{justify-content:center;align-items:center;display:inline-flex;position:relative}.modal-pulse-ring{pointer-events:none;background:#ff6b3599;border-radius:50%;animation:1.5s ease-out infinite modalPulse;position:absolute}.modal-pulse-ring-1{width:56px;height:56px;animation-delay:0s}.modal-pulse-ring-2{width:56px;height:56px;animation-delay:.5s}.modal-pulse-ring-3{width:56px;height:56px;animation-delay:1s}.icon-pulse-time{justify-content:center;align-items:center;display:inline-flex;position:relative}.pulse-time-active{animation:1s ease-in-out infinite timeIconPulse}.time-pulse-ring{pointer-events:none;background:#ff6b3580;border-radius:50%;animation:1.2s ease-out infinite timeRingPulse;position:absolute}.time-pulse-ring-1{width:40px;height:40px;animation-delay:0s}.time-pulse-ring-2{width:40px;height:40px;animation-delay:.6s}.icon-pulse-small{justify-content:center;align-items:center;display:inline-flex;position:relative}.pulse-icon-small{background:var(--accent-glow);pointer-events:none;border-radius:50%;animation:1.2s ease-out infinite smallRingPulse;position:absolute}.pulse-icon-small-1{width:24px;height:24px;animation-delay:0s}.pulse-icon-small-2{width:24px;height:24px;animation-delay:.4s}.pulse-icon-small-3{width:24px;height:24px;animation-delay:.8s}.icon-pulse-warning{justify-content:center;align-items:center;display:inline-flex;position:relative}.pulse-ring-warning{pointer-events:none;background:#f59e0b99;border-radius:50%;animation:1.5s ease-out infinite warningRingPulse;position:absolute}.pulse-ring-warning-1{width:48px;height:48px;animation-delay:0s}.pulse-ring-warning-2{width:48px;height:48px;animation-delay:.5s}.pulse-ring-warning-3{width:48px;height:48px;animation-delay:1s}.icon-pulse-small-warning{justify-content:center;align-items:center;display:inline-flex;position:relative}.pulse-icon-small-warning{pointer-events:none;background:#ef444480;border-radius:50%;animation:1.2s ease-out infinite smallWarningRingPulse;position:absolute}.pulse-icon-small-warning-1{width:28px;height:28px;animation-delay:0s}@keyframes smallWarningRingPulse{0%{opacity:.6;transform:scale(.6)}to{opacity:0;transform:scale(1.4)}}.icon-pulse-card{justify-content:center;align-items:center;display:inline-flex;position:relative}.pulse-card-ring{background:var(--accent-glow);pointer-events:none;border-radius:14px;animation:1.8s ease-out infinite cardRingPulse;position:absolute}.pulse-card-ring-1{width:56px;height:56px;animation-delay:0s}.pulse-card-ring-2{width:56px;height:56px;animation-delay:.6s}.icon-pulse-timer{justify-content:center;align-items:center;display:inline-flex;position:relative}.pulse-clock{pointer-events:none;background:#ef444480;border-radius:50%;animation:1s ease-out infinite clockPulse;position:absolute}.pulse-clock-1{width:24px;height:24px;animation-delay:0s;top:-4px;left:-4px}.pulse-clock-2{width:24px;height:24px;animation-delay:.4s;top:-4px;left:-4px}.icon-pulse-result{justify-content:center;align-items:center;display:inline-flex;position:relative}.pulse-icon-result{pointer-events:none;border-radius:50%;animation:1.5s ease-out infinite resultRingPulse;position:absolute}.pulse-icon-result-1{width:100px;height:100px;animation-delay:0s}.pulse-icon-result-2{width:100px;height:100px;animation-delay:.5s}.pulse-icon-result-3{width:100px;height:100px;animation-delay:1s}.icon-pulse-loading{justify-content:center;align-items:center;display:inline-flex;position:relative}.loading-pulse-ring{background:var(--accent-glow);pointer-events:none;border-radius:50%;animation:1.5s ease-out infinite loadingRingPulse;position:absolute}.loading-pulse-ring-1{width:80px;height:80px;animation-delay:0s}.loading-pulse-ring-2{width:80px;height:80px;animation-delay:.5s}.loading-pulse-ring-3{width:80px;height:80px;animation-delay:1s}@keyframes loadingRingPulse{0%{opacity:.6;transform:scale(.8)}to{opacity:0;transform:scale(1.4)}}.loading-car-icon{animation:.3s ease-in-out infinite carShake}