:root{--primary:#0a0a0a;--primary-active:#1f1f1f;--primary-disabled:#e5e5e5;--ink:#0a0a0a;--body:#3a3a3a;--body-strong:#1a1a1a;--muted:#6a6a6a;--muted-soft:#9a9a9a;--hairline:#e5e5e5;--hairline-soft:#f0f0f0;--canvas:#fffaf0;--surface-soft:#faf5e8;--surface-card:#f5f0e0;--surface-strong:#ebe6d6;--on-primary:#fff;--on-dark:#fff;--brand-pink:#ff4d8b;--brand-teal:#1a3a3a;--brand-lavender:#b8a4ed;--brand-peach:#ffb084;--brand-ochre:#e8b94a;--brand-mint:#a4d4c5;--brand-coral:#ff6b5a;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--space-section:96px;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:9999px;--font-display:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--canvas);color:var(--body);font-family:var(--font-body);flex-direction:column;min-height:100vh;font-size:16px;line-height:1.55;display:flex}.display-xl{font-family:var(--font-display);letter-spacing:-2px;background:linear-gradient(135deg, var(--primary) 0%, #2c2c2c 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(36px,5vw,64px);font-weight:800;line-height:1.05}.display-md{font-family:var(--font-display);letter-spacing:-1px;color:var(--ink);font-size:36px;font-weight:700;line-height:1.2}.display-sm{font-family:var(--font-display);letter-spacing:-.5px;color:var(--ink);font-size:28px;font-weight:700;line-height:1.2}.title-md{font-size:18px;font-weight:600;line-height:1.4}.body-md{color:var(--body);font-size:16px;font-weight:400;line-height:1.55}.body-sm{color:var(--body);font-size:14px;font-weight:400;line-height:1.55}.caption-uppercase{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.button-text{font-size:14px;font-weight:600}.container{max-width:960px;padding:0 var(--space-lg);width:100%;margin:0 auto}.top-nav{background-color:var(--canvas);border-bottom:1px solid var(--hairline);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;height:70px;display:flex;position:sticky;top:0}.top-nav .container{justify-content:space-between;align-items:center;display:flex}.logo{letter-spacing:-1px;background:linear-gradient(125deg, #0a0a0a, var(--brand-pink));color:#0000;cursor:pointer;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800}.logo-heart{background:0 0;-webkit-background-clip:initial;background-clip:initial;color:#ffd60a;-webkit-text-fill-color:#ffd60a;margin:0 1px;animation:1s ease-in-out infinite heartbeat;display:inline-block}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.35)}30%{transform:scale(1)}45%{transform:scale(1.2)}60%{transform:scale(1)}}.nav-actions{align-items:center;gap:16px;display:flex}.btn-primary{background-color:var(--primary);color:var(--on-primary);border-radius:var(--radius-md);font-size:14px;font-weight:600;font-family:var(--font-body);cursor:pointer;border:none;align-items:center;gap:8px;height:44px;padding:12px 24px;transition:background-color .15s,transform .1s;display:inline-flex}.btn-primary:hover{background-color:var(--primary-active);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background-color:var(--primary-disabled);color:var(--muted);cursor:not-allowed;transform:none}.btn-secondary{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-md);font-size:14px;font-weight:600;font-family:var(--font-body);cursor:pointer;height:44px;color:var(--ink);align-items:center;gap:8px;padding:10px 20px;transition:all .15s;display:inline-flex}.btn-secondary:hover{background:var(--surface-soft);border-color:var(--muted-soft)}.btn-outline{border:2px solid var(--primary);color:var(--primary);border-radius:var(--radius-md);font-size:14px;font-weight:600;font-family:var(--font-body);cursor:pointer;background:0 0;height:44px;padding:10px 20px;transition:all .15s}.btn-outline:hover{background:var(--primary);color:var(--on-primary)}.btn-pink{background-color:var(--brand-pink);color:var(--on-primary);border-radius:var(--radius-md);font-size:14px;font-weight:600;font-family:var(--font-body);cursor:pointer;border:none;height:44px;padding:12px 24px;transition:all .15s}.btn-pink:hover{filter:brightness(1.1);transform:translateY(-1px)}.page{display:none}.page.active{display:block}.hero{text-align:center;padding:var(--space-section) 0 var(--space-xxl)}.hero .mascot{margin-bottom:16px;font-size:64px;animation:3s ease-in-out infinite float;display:block}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-subtitle{max-width:550px;color:var(--muted);margin:16px auto 0}.quiz-select-grid{gap:var(--space-lg);margin-bottom:var(--space-xxl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.quiz-select-card{border-radius:var(--radius-xl);padding:var(--space-xl);cursor:pointer;border:2px solid #0000;transition:all .25s;position:relative;overflow:hidden}.quiz-select-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #00000014}.quiz-select-card.card-pink{background-color:var(--brand-pink);color:var(--on-primary)}.quiz-select-card.card-teal{background-color:var(--brand-teal);color:var(--on-dark)}.quiz-select-card.card-lavender{background-color:var(--brand-lavender);color:var(--ink)}.quiz-select-card.card-peach{background-color:var(--brand-peach);color:var(--ink)}.quiz-select-card.card-coral{background-color:var(--brand-coral);color:var(--on-primary)}.quiz-select-card.card-mint{background-color:var(--brand-mint);color:var(--ink)}.quiz-select-card.card-ochre{background-color:var(--brand-ochre);color:var(--ink)}.quiz-select-card .card-emoji{margin-bottom:12px;font-size:48px;display:block}.quiz-select-card .card-title{margin-bottom:4px;font-size:22px;font-weight:700}.quiz-select-card .card-meta{opacity:.85;font-size:14px}.quiz-select-card .card-domain-badge{text-transform:uppercase;letter-spacing:.8px;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000026;margin-top:8px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.quiz-select-card .card-count{opacity:.25;font-size:48px;font-weight:800;position:absolute;bottom:10px;right:20px}.quiz-select-card .card-domain-info{opacity:.8;flex-wrap:wrap;gap:4px;margin-top:6px;font-size:12px;display:flex}.quiz-select-card .card-domain-info .dd{background:#0000001a;border-radius:4px;padding:1px 6px}.mode-select{gap:var(--space-md);margin-bottom:var(--space-xxl);flex-wrap:wrap;justify-content:center;display:flex}.mode-card{background:var(--surface-card);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);cursor:pointer;text-align:center;border:2px solid #0000;flex:1;min-width:200px;max-width:300px;transition:all .2s}.mode-card:hover{border-color:var(--brand-peach);background:#fff3e6}.mode-card.selected{border-color:var(--primary);background:var(--canvas);box-shadow:0 4px 16px #0000000f}.mode-card .mode-icon{margin-bottom:8px;font-size:32px;display:block}.mode-card .mode-title{color:var(--body-strong);margin-bottom:4px;font-weight:700}.mode-card .mode-desc{color:var(--muted);font-size:13px}.start-area{text-align:center;margin-bottom:var(--space-section)}.sim-exam-picker{margin-bottom:var(--space-xl)}.sim-exam-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.sim-exam-card{background:var(--surface-card);border-radius:var(--radius-xl);padding:var(--space-xl);cursor:pointer;text-align:center;border:2px solid #0000;transition:all .2s}.sim-exam-card:hover{border-color:var(--brand-peach);transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.sim-exam-card.selected{border-color:var(--primary);background:var(--canvas);box-shadow:0 4px 16px #0000000f}.sim-emoji{margin-bottom:8px;font-size:36px;display:block}.sim-title{color:var(--body-strong);margin-bottom:4px;font-size:16px;font-weight:700}.sim-meta{color:var(--muted);margin-bottom:12px;font-size:13px}.sim-domain-bars{justify-content:center;gap:3px;height:12px;margin-bottom:8px;display:flex}.sim-domain-bars .sb{border-radius:3px;min-width:4px;transition:width .4s}.sim-status{color:var(--success);letter-spacing:.5px;font-size:12px;font-weight:600}@media (max-width:700px){.sim-exam-grid{grid-template-columns:1fr}.sim-exam-card{padding:var(--space-lg)}}.exam-header{background:var(--surface-card);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-md);z-index:50;flex-wrap:wrap;display:flex;position:sticky;top:78px}.progress-bar-outer{background:var(--surface-strong);border-radius:var(--radius-pill);flex:1;min-width:200px;height:8px;overflow:hidden}.progress-bar-inner{background:linear-gradient(90deg, var(--brand-pink), var(--brand-coral));border-radius:var(--radius-pill);height:100%;transition:width .3s}.exam-stats{gap:var(--space-lg);flex-wrap:wrap;align-items:center;display:flex}.stat-item{align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.stat-value{background:var(--canvas);border-radius:var(--radius-pill);padding:4px 12px}.filter-bar{gap:var(--space-md);background:var(--surface-card);padding:var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);z-index:50;flex-wrap:wrap;align-items:flex-end;display:flex;position:sticky;top:78px}.filter-group{flex-direction:column;gap:4px;display:flex}.filter-group label{letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}select{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;color:var(--ink);padding:8px 16px;font-size:14px}select:focus{border-color:var(--brand-pink);outline:none}.question-card{background:var(--canvas);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);border:1px solid var(--hairline);transition:all .2s}.question-card.submitted-correct{border-color:var(--success);border-left:6px solid var(--success)}.question-card.submitted-incorrect{border-color:var(--brand-coral);border-left:6px solid var(--brand-coral)}.question-card.exam-active{border-color:var(--brand-lavender);box-shadow:0 8px 32px #0000000f}.section-badge{border-radius:var(--radius-pill);margin-bottom:var(--space-md);color:var(--primary);padding:4px 14px;font-size:12px;font-weight:700;display:inline-block}.badge-mint{background:var(--brand-mint)}.badge-peach{background:var(--brand-peach)}.badge-lavender{background:var(--brand-lavender)}.badge-ochre{background:var(--brand-ochre)}.question-number{color:var(--muted);margin-bottom:8px;font-size:13px;font-weight:600}.question-text{color:var(--body-strong);margin-bottom:1.5rem;font-size:1.25rem;font-weight:600;line-height:1.5}.answers-area{flex-direction:column;gap:10px;margin:20px 0;display:flex}.answer-option{background:var(--surface-soft);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #0000;align-items:flex-start;gap:14px;padding:14px 18px;transition:all .15s;display:flex}.answer-option:hover{border-color:var(--brand-peach);background:#fff3e6}.answer-option.selected{border-color:var(--brand-pink);background:#fff0f5}.answer-option.correct-reveal{border-color:var(--success);background:#ecfdf5}.answer-option.incorrect-reveal{border-color:var(--error);background:#fef2f2}.answer-option .answer-letter{border-radius:var(--radius-sm);background:var(--canvas);border:1px solid var(--hairline);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.answer-option.selected .answer-letter{background:var(--brand-pink);color:#fff;border-color:var(--brand-pink)}.answer-option.correct-reveal .answer-letter{background:var(--success);color:#fff;border-color:var(--success)}.answer-option.incorrect-reveal .answer-letter{background:var(--error);color:#fff;border-color:var(--error)}.answer-option .answer-text{flex:1;padding-top:4px}input[type=radio],input[type=checkbox]{display:none}.feedback-area{padding:var(--space-lg);border-radius:var(--radius-lg);margin-top:var(--space-lg);border-left:6px solid;animation:.25s slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.feedback-area.fb-correct{border-left-color:var(--success);background:#ecfdf5}.feedback-area.fb-incorrect{border-left-color:var(--error);background:#fef2f2}.feedback-area .fb-header{margin-bottom:8px;font-size:16px;font-weight:700}.feedback-area .fb-body{color:var(--body);font-size:14px;line-height:1.6}.explanation-block{background:var(--surface-strong);border-radius:var(--radius-md);margin-top:12px;padding:14px;font-size:14px;line-height:1.6}.explanation-block .exp-label{color:var(--ink);margin-bottom:4px;font-weight:700}.exam-nav{margin-top:var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.exam-nav-left,.exam-nav-right{gap:var(--space-sm);display:flex}.results-hero{text-align:center;padding:var(--space-xxl) 0}.results-score-circle{width:180px;height:180px;margin:0 auto var(--space-lg);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.results-score-circle:before{content:"";background:conic-gradient(var(--success) calc(var(--pct) * 1%), var(--surface-strong) 0);border-radius:50%;position:absolute;inset:-6px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 6px),#000 calc(100% - 6px));mask:radial-gradient(farthest-side,#0000 calc(100% - 6px),#000 calc(100% - 6px))}.results-score-num{font-family:var(--font-display);letter-spacing:-2px;color:var(--ink);font-size:56px;font-weight:800;line-height:1}.results-score-label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:600}.section-breakdown{background:var(--surface-card);border-radius:var(--radius-xl);padding:var(--space-xl);margin-bottom:var(--space-xl)}.breakdown-row{border-bottom:1px solid var(--hairline-soft);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.breakdown-row:last-child{border-bottom:none}.breakdown-name{color:var(--body-strong);font-weight:600}.breakdown-score{font-weight:700}.review-question-card{background:var(--canvas);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md);border-left:5px solid var(--hairline)}.review-question-card.review-correct{border-left-color:var(--success)}.review-question-card.review-incorrect{border-left-color:var(--error)}.loading-state{text-align:center;padding:var(--space-xxl)}.loading-spinner{border:4px solid var(--hairline);border-top-color:var(--brand-pink);width:48px;height:48px;margin-bottom:var(--space-md);border-radius:50%;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--space-xxl);color:var(--muted)}.empty-state .empty-icon{margin-bottom:12px;font-size:48px;display:block}footer{background:var(--surface-soft);padding:var(--space-xxl) 0;text-align:center;margin-top:auto}footer .mascot-icon{margin-bottom:8px;font-size:36px;display:block}@media (max-width:700px){.display-xl{font-size:36px}.display-md{font-size:26px}.display-sm{font-size:22px}.question-text{font-size:1.1rem}.top-nav{height:60px}.container{padding:0 var(--space-md)}.exam-header{flex-direction:column;align-items:stretch;position:static;top:auto}.exam-stats{justify-content:center}.exam-header .btn-outline{justify-content:center;width:100%}.filter-bar{padding:var(--space-md);flex-direction:column;position:static;top:auto}.filter-group,.filter-group select,.filter-group input,.filter-group button{width:100%}.filter-group input{box-sizing:border-box}.filter-group button{justify-content:center}.quiz-select-grid{grid-template-columns:1fr}.mode-select{flex-direction:column;align-items:stretch}.mode-card{max-width:none}.exam-nav{flex-direction:column;align-items:stretch}.exam-nav-left,.exam-nav-right{justify-content:center}.exam-nav button{flex:1;justify-content:center}.stats{flex-direction:column;align-items:flex-start}.hero{padding:var(--space-xxl) 0 var(--space-lg)}.hero .mascot{font-size:48px}.question-card{padding:var(--space-lg)}.answer-option{padding:12px 14px}.section-breakdown{padding:var(--space-lg)}.results-score-circle{width:140px;height:140px}.results-score-num{font-size:42px}}.about-hero{text-align:center;padding:var(--space-section) 0 var(--space-xxl)}.about-hero-icon{margin-bottom:16px;font-size:64px;display:block}.about-hero-sub{max-width:650px;color:var(--muted);margin:16px auto 0}.about-card{background:var(--surface-card);border-radius:var(--radius-xl);padding:var(--space-xl);margin-bottom:var(--space-xl);position:relative}.about-card-overview{background:linear-gradient(135deg, var(--brand-teal) 0%, #2a4a4a 100%);color:var(--on-dark)}.about-card-overview .body-md{color:var(--on-dark-soft)}.about-card-icon{margin-bottom:8px;font-size:36px}.about-stats-row{gap:var(--space-lg);text-align:center;flex-wrap:wrap;justify-content:center;display:flex}.about-stat{min-width:100px;padding:var(--space-md);flex:1}.about-stat-num{font-family:var(--font-display);letter-spacing:-1px;font-size:40px;font-weight:800;line-height:1;display:block}.about-stat-label{text-transform:uppercase;letter-spacing:1px;opacity:.8;margin-top:4px;font-size:12px;font-weight:600;display:block}.domain-chart-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.domain-chart-label{width:140px;color:var(--body-strong);flex-shrink:0;font-size:13px;font-weight:600}.domain-chart-bars{flex:1;align-items:center;gap:4px;display:flex}.domain-chart-bar{border-radius:var(--radius-sm);min-width:4px;height:24px;transition:width .6s}.domain-chart-bar.target{background:var(--brand-coral);opacity:.7}.domain-chart-bar.coverage{background:var(--brand-teal)}.domain-chart-pct{text-align:right;flex-shrink:0;width:48px;font-size:13px;font-weight:700}.domain-legend{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:16px;display:flex}.legend-item{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.legend-swatch{border-radius:3px;width:14px;height:14px}.domain-tab{background:var(--surface-soft);border-radius:var(--radius-pill);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-body);color:var(--body-strong);border:2px solid #0000;padding:8px 18px;transition:all .15s}.domain-tab:hover{border-color:var(--brand-peach);background:#fff3e6}.domain-tab.active{border-color:var(--primary);background:var(--canvas)}.domain-content-card{background:var(--canvas);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--hairline);animation:.25s slideIn}.domain-content-card .dc-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.domain-content-card .dc-title{font-size:20px;font-weight:700}.domain-content-card .dc-pct{background:var(--surface-soft);border-radius:var(--radius-pill);padding:4px 14px;font-size:13px;font-weight:700}.domain-task{border-bottom:1px solid var(--hairline-soft);margin-bottom:16px;padding-bottom:16px}.domain-task:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.domain-task-num{background:var(--surface-strong);text-align:center;border-radius:50%;width:28px;height:28px;margin-right:8px;font-size:13px;font-weight:700;line-height:28px;display:inline-block}.domain-task-title{color:var(--body-strong);font-size:15px;font-weight:700;display:inline}.domain-task-enablers{margin-top:8px;padding-left:36px}.domain-task-enablers li{color:var(--body);margin-bottom:4px;font-size:13px;line-height:1.6;list-style-type:disc}.about-info-grid{grid-template-columns:1fr 1fr;gap:0;display:grid}.info-item{border-bottom:1px solid var(--hairline-soft);flex-direction:column;gap:2px;padding:14px 16px;display:flex}.info-item:nth-last-child(-n+2):nth-child(odd),.info-item:nth-last-child(-n+1){border-bottom:none}.info-label{text-transform:uppercase;letter-spacing:1px;color:var(--muted-soft);font-size:11px;font-weight:600}.info-value{color:var(--body-strong);font-size:14px;font-weight:600}.principles-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.principle-card{background:var(--canvas);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--hairline)}.principle-icon{margin-bottom:8px;font-size:28px;display:block}.principle-card h3{margin-bottom:6px}.ref-list{padding-left:20px}.ref-list li{color:var(--body);margin-bottom:10px;font-size:14px;line-height:1.6}@media (max-width:700px){.about-info-grid{grid-template-columns:1fr}.domain-chart-row{flex-wrap:wrap}.domain-chart-label{width:100%}.principles-grid{grid-template-columns:1fr}.about-stats-row{gap:var(--space-sm)}.about-stat{min-width:80px;padding:var(--space-sm)}.about-stat-num{font-size:32px}.domain-tab{padding:6px 14px;font-size:12px}.home-filter-row{flex-direction:column;align-items:stretch!important}.home-filter-row .filter-group,.home-filter-row select{width:100%}}.hidden{display:none!important}.text-center{text-align:center}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-lg{margin-bottom:var(--space-lg)}.gap-md{gap:var(--space-md)}.auth-overlay{z-index:9999;background:#0a0a0a99;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-modal{background:var(--canvas);border-radius:var(--radius-xl);padding:var(--space-xxl);width:100%;max-width:420px;animation:.25s slideUp;box-shadow:0 24px 64px #00000026}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-modal .auth-icon{text-align:center;margin-bottom:12px;font-size:48px;display:block}.auth-modal h2{text-align:center;margin-bottom:4px}.auth-modal .auth-sub{text-align:center;color:var(--muted);margin-bottom:24px;font-size:14px}.auth-field{margin-bottom:16px}.auth-field label{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.auth-field input{background:var(--surface-soft);border:1px solid var(--hairline);border-radius:var(--radius-md);width:100%;font-family:var(--font-body);color:var(--ink);padding:12px 16px;font-size:15px;transition:border-color .15s}.auth-field input:focus{border-color:var(--brand-pink);outline:none}.auth-error{color:var(--error);text-align:center;margin-top:8px;font-size:13px;display:none}.auth-switch{text-align:center;color:var(--muted);margin-top:16px;font-size:14px}.auth-switch a{color:var(--ink);cursor:pointer;font-weight:600;text-decoration:underline}.auth-btn{justify-content:center;width:100%}.user-badge{background:var(--surface-soft);border-radius:var(--radius-pill);cursor:pointer;border:1px solid var(--hairline);align-items:center;gap:6px;padding:4px 14px 4px 4px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.user-badge:hover{border-color:var(--brand-peach);background:#fff3e6}.user-avatar{background:linear-gradient(135deg, var(--brand-pink), var(--brand-coral));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex}.user-menu{background:var(--canvas);border-radius:var(--radius-lg);border:1px solid var(--hairline);z-index:200;min-width:180px;margin-top:4px;display:none;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 32px #00000014}.user-menu.show{display:block}.user-menu-item{cursor:pointer;align-items:center;gap:8px;padding:10px 16px;font-size:14px;transition:background .1s;display:flex}.user-menu-item:hover{background:var(--surface-soft)}.user-menu-item.logout{color:var(--error);border-top:1px solid var(--hairline-soft)}.dash-hero{text-align:center;padding:var(--space-xxl) 0}.dash-stats-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.dash-stat-card{background:var(--surface-card);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center}.dash-stat-num{font-family:var(--font-display);letter-spacing:-1px;color:var(--ink);font-size:36px;font-weight:800;line-height:1}.dash-stat-label{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-top:4px;font-size:12px;font-weight:600}.dash-history{margin-bottom:var(--space-xl)}.dash-history-item{background:var(--canvas);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-sm);border:1px solid var(--hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.dash-history-item .hi-left{align-items:center;gap:12px;display:flex}.dash-history-item .hi-icon{font-size:28px}.dash-history-item .hi-title{color:var(--body-strong);font-weight:700}.dash-history-item .hi-meta{color:var(--muted);font-size:13px}.dash-history-item .hi-score{font-size:18px;font-weight:700}.dash-empty{text-align:center;padding:var(--space-xxl);color:var(--muted);background:var(--surface-card);border-radius:var(--radius-xl)}.dash-domain-card{background:var(--surface-card);border-radius:var(--radius-xl);padding:var(--space-xl);margin-bottom:var(--space-xl)}.dash-domain-row{border-bottom:1px solid var(--hairline-soft);align-items:center;gap:12px;padding:8px 0;display:flex}.dash-domain-row:last-child{border-bottom:none}.dash-domain-row .dd-name{color:var(--body-strong);flex:1;font-size:14px;font-weight:600}.dash-domain-row .dd-bar{background:var(--surface-strong);border-radius:var(--radius-pill);flex:2;height:8px;overflow:hidden}.dash-domain-row .dd-fill{border-radius:var(--radius-pill);height:100%;transition:width .4s}.dash-domain-row .dd-pct{text-align:right;width:48px;font-size:14px;font-weight:700}@media (max-width:700px){.auth-modal{padding:var(--space-xl)}.dash-stats-grid{grid-template-columns:repeat(2,1fr)}.dash-history-item{flex-direction:column;align-items:stretch}}.resume-modal{background:var(--canvas);border-radius:var(--radius-xl);padding:var(--space-xxl);width:100%;max-width:460px;animation:.25s slideUp;box-shadow:0 24px 64px #00000026}.resume-modal .rm-icon{text-align:center;margin-bottom:12px;font-size:48px;display:block}.resume-modal h2{text-align:center;margin-bottom:4px}.resume-modal .rm-detail{text-align:center;color:var(--muted);margin-bottom:24px;font-size:14px;line-height:1.5}.resume-buttons{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.app-header{background-color:var(--canvas);height:70px;padding:0 var(--space-lg);border-bottom:1px solid var(--hairline);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.app-header .brand-block{flex-direction:column;line-height:1.15;text-decoration:none;display:flex}.app-header .brand{letter-spacing:-1px;font-size:24px;font-weight:800}.app-header .brand-name{background:linear-gradient(125deg, #0a0a0a, var(--brand-pink));color:#0000;-webkit-background-clip:text;background-clip:text}.app-header .brand-tagline{letter-spacing:.3px;color:var(--muted);font-size:11px;font-weight:600}.user-badge{align-items:center;gap:12px;display:flex}.user-badge span{color:var(--ink);font-size:14px;font-weight:600}.btn-ghost{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-md);font-size:13px;font-weight:600;font-family:var(--font-body);cursor:pointer;color:var(--ink);padding:8px 16px;transition:all .15s}.btn-ghost:hover{background:var(--surface-soft);border-color:var(--muted-soft)}.auth-page{padding:var(--space-xl) var(--space-lg);flex:1;justify-content:center;align-items:center;display:flex}.auth-card{background:var(--surface-soft);border:1px solid var(--hairline);border-radius:var(--radius-xl);width:100%;max-width:400px;padding:var(--space-xl)}.auth-title{font-family:var(--font-display);letter-spacing:-.5px;color:var(--ink);font-size:28px;font-weight:700}.auth-subtitle{color:var(--muted);margin:8px 0 var(--space-lg);font-size:14px}.auth-form{gap:var(--space-sm);flex-direction:column;display:flex}.input{border:1px solid var(--hairline);border-radius:var(--radius-md);width:100%;height:44px;font-family:var(--font-body);background:var(--canvas);color:var(--ink);padding:0 16px;font-size:15px}.input:focus{border-color:var(--primary);outline:none}.auth-form .btn-primary{justify-content:center;width:100%;margin-top:4px}.auth-error{color:var(--error);font-size:13px;font-weight:500}.auth-switch{margin-top:var(--space-lg);color:var(--muted);text-align:center;font-size:14px}.auth-switch a{color:var(--brand-pink);font-weight:600;text-decoration:none}.page-wrap{max-width:960px;padding:var(--space-xl) var(--space-lg);flex:1;width:100%;margin:0 auto}a.quiz-select-card,a.quiz-select-card:hover{text-decoration:none}.quiz-runner{gap:var(--space-lg);flex-direction:column;display:flex}.quiz-runner-head{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.quiz-progress{color:var(--muted);font-size:13px;font-weight:600}.progress-track{background:var(--surface-strong);border-radius:var(--radius-pill);height:8px;overflow:hidden}.progress-fill{background:var(--brand-pink);border-radius:var(--radius-pill);height:100%;transition:width .2s}.question-card{background:var(--surface-soft);border:1px solid var(--hairline);border-radius:var(--radius-xl);padding:var(--space-xl)}.question-prompt{color:var(--ink);margin-bottom:var(--space-lg);font-size:18px;font-weight:600;line-height:1.5}.answer-list{gap:var(--space-sm);flex-direction:column;display:flex}.answer-option{align-items:flex-start;gap:var(--space-md);text-align:left;cursor:pointer;background:var(--canvas);border:2px solid var(--hairline);border-radius:var(--radius-md);width:100%;font-family:var(--font-body);color:var(--body-strong);padding:14px 16px;font-size:15px;transition:border-color .12s,background .12s;display:flex}.answer-option:hover:not(:disabled){border-color:var(--muted-soft)}.answer-option:disabled{cursor:default}.answer-letter{border-radius:var(--radius-sm);background:var(--surface-strong);height:28px;color:var(--ink);flex:0 0 28px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.answer-text{flex:1;line-height:1.5}.answer-selected{border-color:var(--primary);background:var(--surface-soft)}.answer-selected .answer-letter{background:var(--primary);color:var(--on-primary)}.answer-correct{border-color:var(--success);background:#f0fdf4}.answer-correct .answer-letter{background:var(--success);color:#fff}.answer-incorrect{border-color:var(--error);background:#fef2f2}.answer-incorrect .answer-letter{background:var(--error);color:#fff}.answer-missed{border-color:var(--success);border-style:dashed}.answer-missed .answer-letter{color:var(--success);background:#f0fdf4}.multi-hint{color:var(--muted);margin:-8px 0 var(--space-md);font-size:13px;font-weight:700}.feedback-panel{margin-top:var(--space-lg);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);border-left:4px solid var(--muted-soft);background:var(--canvas)}.feedback-ok{border-left-color:var(--success)}.feedback-bad{border-left-color:var(--error)}.feedback-head{margin-bottom:6px;font-weight:700}.feedback-ok .feedback-head{color:var(--success)}.feedback-bad .feedback-head{color:var(--error)}.feedback-body{color:var(--body);font-size:14px}.feedback-explanation{color:var(--body);margin-top:8px;font-size:14px}.quiz-nav{justify-content:space-between;gap:var(--space-md);display:flex}.quiz-toolbar{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.results-card{background:var(--surface-soft);border:1px solid var(--hairline);border-radius:var(--radius-xl);padding:var(--space-xxl) var(--space-xl);text-align:center}.results-score{font-family:var(--font-display);letter-spacing:-2px;color:var(--ink);font-size:64px;font-weight:800}.results-pct{color:var(--muted);margin-top:8px;font-size:18px}.results-actions{gap:var(--space-md);margin-top:var(--space-xl);flex-wrap:wrap;justify-content:center;display:flex}.filter-bar{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.select-field{border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--canvas);height:40px;font-family:var(--font-body);color:var(--ink);padding:0 12px;font-size:14px}.resume-banner{justify-content:space-between;align-items:center;gap:var(--space-md);background:var(--brand-ochre);color:var(--ink);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.resume-banner .resume-actions{gap:var(--space-sm);display:flex}.card-domain-info{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.card-domain-info .dd{border-radius:var(--radius-pill);background:#0000000f;padding:2px 8px;font-size:12px;font-weight:600}.card-count{opacity:.8;margin-top:10px;font-size:13px;font-weight:600}.exam-clock{font-variant-numeric:tabular-nums;color:var(--ink);background:var(--surface-strong);border-radius:var(--radius-pill);padding:6px 14px;font-size:15px;font-weight:700}.exam-clock-low{color:#fff;background:var(--error)}.flag-btn{border:1px solid var(--hairline);background:var(--canvas);border-radius:var(--radius-pill);font-family:var(--font-body);color:var(--body);cursor:pointer;padding:6px 14px;font-size:13px;font-weight:600;transition:border-color .12s,background .12s}.flag-btn:hover{border-color:var(--muted-soft)}.flag-btn.flag-on{background:var(--brand-ochre);border-color:var(--brand-ochre);color:var(--ink)}.qnav-grid{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:6px;display:grid}.qnav-btn{border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--canvas);height:36px;font-family:var(--font-body);color:var(--muted);cursor:pointer;font-size:12px;font-weight:600;transition:border-color .12s,background .12s;position:relative}.qnav-btn:hover{border-color:var(--muted-soft)}.qnav-answered{background:var(--surface-strong);color:var(--ink)}.qnav-flagged:after{content:"";background:var(--brand-ochre);border-radius:50%;width:7px;height:7px;position:absolute;top:3px;right:3px}.qnav-current{border:2px solid var(--primary);color:var(--ink)}.finish-confirm{background:var(--surface-soft);border:1px solid var(--brand-ochre);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);color:var(--body-strong);border-left-width:4px;font-size:14px}.results-verdict{border-radius:var(--radius-pill);margin-bottom:var(--space-md);padding:6px 16px;font-size:14px;font-weight:700;display:inline-block}.verdict-pass{color:var(--success);background:#f0fdf4}.verdict-fail{color:var(--error);background:#fef2f2}.toggle-incorrect{color:var(--body);cursor:pointer;align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.run-badge{text-transform:uppercase;letter-spacing:.4px;border-radius:var(--radius-pill);vertical-align:middle;margin-left:8px;padding:3px 8px;font-size:11px;font-weight:700}.run-pass{color:var(--success);background:#f0fdf4}.run-fail{color:var(--error);background:#fef2f2}.weakest-callout{justify-content:space-between;align-items:center;gap:var(--space-md);background:var(--surface-soft);border:1px solid var(--hairline);border-left:4px solid var(--brand-pink);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);flex-wrap:wrap;font-size:14px;display:flex}.info-list{color:var(--body);flex-direction:column;gap:12px;padding-left:20px;font-size:14px;line-height:1.6;display:flex}.state-msg{padding:var(--space-xxl);text-align:center;color:var(--muted)}:root{--tabbar-h:64px}.app-main{width:100%;max-width:760px;padding:var(--space-lg) var(--space-md);padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 24px);flex:1;margin:0 auto}.tab-bar{z-index:200;background:var(--canvas);border-top:1px solid var(--hairline);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 16px #0000000d}.tab-bar button{cursor:pointer;height:var(--tabbar-h);font-family:var(--font-body);letter-spacing:.3px;color:var(--muted);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:700;transition:color .15s;display:flex}.tab-bar button .tab-icon{font-size:22px;line-height:1}.tab-bar button.active{color:var(--brand-pink)}.answer-option{min-height:56px}.btn-primary,.btn-secondary,.btn-ghost{min-height:44px}.quiz-nav{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 8px);background:var(--canvas);border-top:1px solid var(--hairline-soft);z-index:10;padding:10px 0;position:sticky}.quiz-nav .btn-primary,.quiz-nav .btn-secondary{flex:1;justify-content:center}.section-back{color:var(--brand-pink);cursor:pointer;margin-bottom:var(--space-sm);background:0 0;border:none;padding:4px 0;font-size:14px;font-weight:600}.user-badge{flex-shrink:0}.avatar{background:linear-gradient(135deg, var(--brand-pink), var(--brand-peach));color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:800;display:inline-flex}.icon-btn{border:1px solid var(--hairline);background:var(--canvas);width:36px;height:36px;color:var(--muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:border-color .12s,color .12s,background .12s;display:inline-flex}.icon-btn:hover{border-color:var(--brand-pink);color:var(--brand-pink)}@media (max-width:700px){.app-header{padding:0 var(--space-md);gap:var(--space-sm);height:60px}.app-header .brand{font-size:20px}.app-header .brand-tagline{font-size:10px}.user-badge{gap:8px}.avatar,.icon-btn{width:32px;height:32px}.avatar{font-size:13px}.display-md{font-size:28px}.display-sm{font-size:22px}.question-card{padding:var(--space-lg);border-radius:var(--radius-lg)}.question-prompt{font-size:16px}.results-score{font-size:52px}.filter-bar{flex-direction:column}.filter-bar .select-field{width:100%}}