@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-app)}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background:var(--bg-app);min-height:100vh;transition:background-color var(--transition-normal),color var(--transition-normal)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-display);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary);letter-spacing:-.02em}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl);letter-spacing:-.015em}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--space-4);color:var(--text-secondary);line-height:var(--line-height-normal)}a{color:var(--link-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--electric-blue)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;box-shadow:var(--shadow-focus)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);min-height:44px;text-decoration:none}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-sm),0 4px 12px #1d3d6f1f}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md),0 6px 16px #1d3d6f2e}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-strong);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.btn-success{background:var(--success-gradient);color:#fff;box-shadow:var(--shadow-sm),0 4px 12px #4a7a6e24}.btn-success:hover{transform:translateY(-1px);box-shadow:var(--shadow-md),0 6px 16px #4a7a6e33}.btn-danger{background:var(--danger-gradient);color:#fff;box-shadow:var(--shadow-sm),0 4px 12px #a8424224}.btn-danger:hover{transform:translateY(-1px);box-shadow:var(--shadow-md),0 6px 16px #a8424233}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal)}.card:hover{border-color:var(--border-hover)}.card-elevated{background:var(--bg-card);box-shadow:var(--shadow-md);border:1px solid var(--border-default)}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.progress-bar{width:100%;height:8px;background:var(--readiness-track);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border-default)}.progress-bar-fill{height:100%;background:var(--primary-gradient);border-radius:var(--radius-full);transition:width var(--transition-slow) var(--motion-ease-out)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);border:1px solid transparent}.badge-primary{background:var(--color-primary-50);color:var(--color-primary-700);border-color:var(--color-primary-200)}.badge-success{background:var(--color-success-50);color:var(--color-success-700);border-color:var(--color-success-200)}.badge-warning{background:var(--color-warning-50);color:var(--color-warning-700);border-color:var(--color-warning-200)}.badge-xp{background:var(--xp-gradient);color:#faf8f5;font-weight:var(--font-weight-bold);border-color:#c5a26547;box-shadow:var(--shadow-reward)}.difficulty{display:flex;gap:var(--space-1)}.difficulty-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-neutral-200)}.difficulty-dot.active{background:var(--xp-color)}@keyframes slideIn{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-fade-in{animation:fadeIn var(--transition-normal) var(--motion-ease-out) forwards}.animate-slide-in{animation:slideIn var(--transition-normal) var(--motion-ease-out) forwards}.animate-pulse{animation:pulse 2.5s ease-in-out infinite}.animate-bounce{animation:bounce 1.2s ease-in-out infinite}.container{width:100%;max-width:1140px;margin:0 auto;padding:0 var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid;gap:var(--space-4)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);min-height:44px}.btn-md{padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);min-height:44px}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg);min-height:52px}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-icon{display:flex;align-items:center}.btn-spinner{width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-ghost{background-color:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-ghost:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}[data-theme=dark] .btn-ghost:hover{background-color:var(--bg-card-hover)}.btn-ghost:disabled{background-color:transparent;color:var(--text-tertiary)}.card-interactive{cursor:pointer;border:1px solid var(--border-default);text-align:left;width:100%;min-height:44px}.card-interactive:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--border-hover)}.card-padding-sm{padding:var(--space-4)}.card-padding-md{padding:var(--space-6)}.card-padding-lg{padding:var(--space-8)}.card-header{margin-bottom:var(--space-4)}.card-content{flex:1}.card-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-default)}.progress-container{display:flex;align-items:center;gap:var(--space-2)}.progress-bar-sm{height:4px}.progress-bar-md{height:8px}.progress-bar-lg{height:12px}.progress-bar-fill.progress-bar-success{background:var(--success-gradient)}.progress-bar-fill.progress-bar-xp{background:var(--xp-gradient);box-shadow:0 0 14px #f5b51b47}.progress-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);min-width:40px;text-align:right}.input-container{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.input-field-wrapper{position:relative;display:flex;align-items:center}.input-field{width:100%;padding:var(--space-3);font-family:var(--font-family-sans);font-size:var(--font-size-base);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--transition-fast);background:var(--bg-input);color:var(--text-primary)}.input-field:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.input-field:disabled{background:var(--color-neutral-50);cursor:not-allowed;opacity:.7}.input-error{border-color:var(--color-error-500)}.input-error:focus{box-shadow:0 0 0 3px var(--color-error-100)}.input-error-message{font-size:var(--font-size-xs);color:var(--color-error-500)}.input-icon{position:absolute;color:var(--color-neutral-400);display:flex;align-items:center;pointer-events:none}.input-icon-left{left:var(--space-3)}.input-icon-right{right:var(--space-3)}.input-has-left-icon{padding-left:var(--space-10)}.input-has-right-icon{padding-right:var(--space-10)}.question-card{width:100%;max-width:820px;margin:0 auto;border-color:color-mix(in srgb,var(--mission-official),var(--border-default) 72%);box-shadow:var(--shadow-mission)}.question-text{margin:0 0 var(--space-6);color:var(--text-primary);font-size:clamp(1.15rem,2vw,1.45rem);font-weight:var(--font-weight-bold);line-height:1.45}.question-image{width:100%;max-height:300px;object-fit:contain;margin-bottom:var(--space-6);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.options-list{display:flex;flex-direction:column;gap:var(--space-3)}.option-button{width:100%;min-height:58px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-4);color:var(--text-primary);text-align:left;background:var(--mission-surface);border:2px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.option-button:hover:not(:disabled){transform:translateY(-1px);background:color-mix(in srgb,var(--mission-official),white 94%);border-color:var(--mission-official);box-shadow:var(--shadow-sm)}.option-button:disabled{cursor:default}.option-selected{color:var(--color-primary-800);background:var(--color-primary-50);border-color:var(--mission-official)}.option-correct{color:var(--color-success-800);background:var(--color-success-50);border-color:var(--success-jade);box-shadow:0 10px 24px -20px #22c55e9e}.option-incorrect{color:var(--color-error-800);background:var(--color-error-50);border-color:var(--challenge-coral);box-shadow:0 10px 24px -20px #f052529e}.option-letter{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary);background:var(--bg-card-hover);border:1px solid var(--border-default);border-radius:var(--radius-full);font-weight:var(--font-weight-bold)}.option-selected .option-letter{color:#fff;background:var(--mission-official);border-color:var(--mission-official)}.option-correct .option-letter{color:#fff;background:var(--success-jade);border-color:var(--success-jade)}.option-incorrect .option-letter{color:#fff;background:var(--challenge-coral);border-color:var(--challenge-coral)}.option-text{min-width:0;color:inherit;font-size:var(--font-size-base);line-height:1.45;overflow-wrap:anywhere}.option-status-icon.correct{color:var(--success-jade)}.option-status-icon.incorrect{color:var(--challenge-coral)}.tf-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.feedback-section,.notes-section{margin-top:var(--space-5);padding:var(--space-4);border-radius:var(--radius-lg)}.feedback-section{background:color-mix(in srgb,var(--mission-official),white 93%);border:1px solid color-mix(in srgb,var(--mission-official),white 68%)}.notes-section{background:color-mix(in srgb,var(--xp-saffron),white 90%);border:1px solid color-mix(in srgb,var(--xp-saffron),white 62%)}.feedback-section h4,.notes-section h4{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);font-size:var(--font-size-base)}.feedback-section h4{color:var(--color-primary-700)}.notes-section h4{color:#7a4d06}.feedback-section p,.notes-section p{margin:0;color:var(--text-secondary);line-height:1.65}@media(max-width:560px){.tf-options{grid-template-columns:1fr}.option-button{align-items:flex-start}}.quiz-result{width:100%;padding:var(--space-6) var(--space-4)}.result-card{max-width:540px;margin:var(--space-8) auto;background:linear-gradient(180deg,color-mix(in srgb,var(--mission-xp),white 90%) 0%,var(--bg-card) 42%),var(--bg-card);border-color:color-mix(in srgb,var(--mission-xp),var(--border-default) 68%);box-shadow:var(--shadow-mission)}.result-icon-wrapper{width:86px;height:86px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-5);color:#7a4d06;background:var(--badge-gold-surface);border:1px solid var(--badge-gold-line);border-radius:var(--radius-full);box-shadow:var(--shadow-reward)}.result-card h2{margin:0;color:var(--text-primary)}.score-display{display:flex;flex-direction:column;align-items:center;margin:var(--space-6) 0}.xp-gained{display:inline-flex;align-items:center;gap:var(--space-2);color:#7a4d06}.score-value{color:#7a4d06;font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);line-height:1}.score-label{margin-top:var(--space-2);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase}.result-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--mission-surface-strong);border:1px solid var(--mission-line);border-radius:var(--radius-lg)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.stat-label{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase}.stat-value{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold)}.result-message{margin:0 0 var(--space-6);color:var(--text-secondary);font-size:var(--font-size-lg);line-height:1.55}.result-actions{display:flex;justify-content:center;gap:var(--space-3)}@media(max-width:480px){.result-actions{flex-direction:column}.result-actions .btn{width:100%}}.badge-modal-backdrop{position:fixed;inset:0;z-index:var(--z-modal);background:#10172a94;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:badgeBackdropIn .18s ease-out}.badge-modal-popup{position:fixed;inset:0;z-index:calc(var(--z-modal) + 1);display:grid;place-items:center;padding:var(--space-4);pointer-events:none}.badge-modal-content{width:min(100%,420px);pointer-events:auto;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8);text-align:center;color:var(--text-primary);background:linear-gradient(180deg,color-mix(in srgb,var(--badge-rarity-color),white 88%) 0%,var(--bg-card) 42%),var(--bg-card);border:1px solid var(--badge-rarity-line);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl),0 18px 48px -28px var(--badge-rarity-color)}.badge-modal-content:before{content:"";position:absolute;inset:12px;border:1px solid color-mix(in srgb,var(--badge-rarity-line),transparent 44%);border-radius:calc(var(--radius-2xl) - .25rem);pointer-events:none}.badge-modal-close{position:absolute;top:var(--space-4);right:var(--space-4);z-index:1;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--text-secondary);background:color-mix(in srgb,var(--bg-card),transparent 12%);border:1px solid var(--border-default);border-radius:var(--radius-full);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.badge-modal-close:hover{color:var(--text-primary);background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-1px)}.badge-modal-medal{position:relative;display:grid;place-items:center;width:116px;height:116px;margin-top:var(--space-2);color:var(--badge-rarity-color);background:radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--badge-rarity-color),white 78%),transparent 62%),var(--badge-rarity-surface);border:1px solid var(--badge-rarity-line);border-radius:var(--radius-full);box-shadow:inset 0 1px #ffffffb3,0 16px 34px -22px var(--badge-rarity-color)}.badge-modal-medal:after{content:"";position:absolute;inset:10px;border:1px dashed color-mix(in srgb,var(--badge-rarity-color),transparent 58%);border-radius:inherit}.badge-modal-sparkle{position:absolute;color:var(--badge-rarity-color);filter:drop-shadow(0 6px 12px color-mix(in srgb,var(--badge-rarity-color),transparent 62%))}.sparkle-one{top:16px;right:20px}.sparkle-two{bottom:22px;left:20px}.badge-modal-kicker{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:32px;padding:var(--space-1) var(--space-3);color:var(--badge-rarity-ink);background:var(--badge-rarity-surface);border:1px solid var(--badge-rarity-line);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase}.badge-modal-title{margin:0;max-width:16ch;font-size:var(--font-size-2xl);color:var(--text-primary)}.badge-modal-description{max-width:31rem;margin:0;color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.65}.badge-modal-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);width:100%;margin-top:var(--space-1)}.badge-modal-meta span{display:inline-flex;align-items:center;min-height:32px;padding:var(--space-1) var(--space-3);color:var(--text-secondary);background:var(--bg-card-hover);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.badge-modal-meta .badge-modal-rarity{color:var(--badge-rarity-ink);background:var(--badge-rarity-surface);border-color:var(--badge-rarity-line)}.badge-modal-popup.rarity-bronze{--badge-rarity-color: var(--badge-bronze);--badge-rarity-surface: var(--badge-bronze-surface);--badge-rarity-line: var(--badge-bronze-line);--badge-rarity-ink: #8A3F21}.badge-modal-popup.rarity-silver{--badge-rarity-color: var(--badge-silver);--badge-rarity-surface: var(--badge-silver-surface);--badge-rarity-line: var(--badge-silver-line);--badge-rarity-ink: #3F4A5F}.badge-modal-popup.rarity-gold{--badge-rarity-color: var(--badge-gold);--badge-rarity-surface: var(--badge-gold-surface);--badge-rarity-line: var(--badge-gold-line);--badge-rarity-ink: #7A4D06}.badge-modal-popup.rarity-platinum{--badge-rarity-color: var(--badge-platinum);--badge-rarity-surface: var(--badge-platinum-surface);--badge-rarity-line: var(--badge-platinum-line);--badge-rarity-ink: #3730A3}.badge-modal-popup.is-locked{--badge-rarity-color: var(--color-neutral-500);--badge-rarity-surface: var(--color-neutral-100);--badge-rarity-line: var(--border-default);--badge-rarity-ink: var(--text-secondary)}.badge-modal-popup.is-locked .badge-modal-content{background:var(--bg-card);box-shadow:var(--shadow-xl)}.badge-modal-popup.is-locked .badge-modal-medal{color:var(--text-tertiary);background:var(--bg-card-hover);box-shadow:inset 0 1px #ffffff59}.badge-modal-popup.is-locked .badge-modal-medal:after{border-style:solid}[data-theme=dark] .badge-modal-popup.rarity-bronze{--badge-rarity-ink: #FDBA8C}[data-theme=dark] .badge-modal-popup.rarity-silver{--badge-rarity-ink: #D5DDEB}[data-theme=dark] .badge-modal-popup.rarity-gold{--badge-rarity-ink: #FFD35C}[data-theme=dark] .badge-modal-popup.rarity-platinum{--badge-rarity-ink: #B7A7FF}@keyframes badgeBackdropIn{0%{opacity:0}to{opacity:1}}@media(max-width:480px){.badge-modal-content{padding:var(--space-6)}.badge-modal-title{font-size:var(--font-size-xl)}}.flashcard-container{perspective:1000px;width:100%;max-width:600px;height:400px;margin:0 auto;cursor:pointer}.flashcard-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d}.flashcard-container.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column}.flashcard-front{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center}.flashcard-back{transform:rotateY(180deg);background-color:var(--color-primary-50);border:2px solid var(--color-primary-200);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center}[data-theme=dark] .flashcard-back{background-color:#3b82f626;border-color:var(--color-primary-400)}.flashcard-text{font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);color:var(--text-primary);padding:var(--space-4)}[data-theme=dark] .flashcard-back .flashcard-text{color:var(--color-primary-200)}.flashcard-hint{position:absolute;bottom:var(--space-4);font-size:var(--font-size-sm);color:var(--color-neutral-400)}.exam-result-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4);background:radial-gradient(circle at top,color-mix(in srgb,var(--electric-blue),transparent 82%),transparent 34rem),var(--app-bg)}.exam-result-content{width:min(100%,460px);display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6);color:var(--text-primary);text-align:center;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}.exam-result-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.result-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2);border-radius:var(--radius-full)}.result-icon.success{color:var(--success-jade);background:var(--color-success-50);border:1px solid var(--color-success-200)}.result-icon.error{color:var(--challenge-coral);background:var(--color-error-50);border:1px solid var(--color-error-200)}.exam-result-header h1{margin:0;font-size:var(--font-size-2xl)}.exam-result-page.passed .exam-result-header h1{color:var(--success-jade)}.exam-result-page.failed .exam-result-header h1{color:var(--challenge-coral)}.result-subtitle{margin:0;color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.55}.score-circle-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-4);background:var(--mission-surface-strong);border:1px solid var(--mission-line);border-radius:var(--radius-xl)}.score-circle{display:flex;align-items:baseline;justify-content:center;gap:.15rem}.score-circle .score-main{font-size:4rem;font-weight:var(--font-weight-extrabold);line-height:1}.score-circle.success .score-main{color:var(--success-jade)}.score-circle.error .score-main{color:var(--challenge-coral)}.score-circle .score-divider{color:var(--text-tertiary);font-size:2rem;font-weight:300}.score-circle .score-total{color:var(--text-secondary);font-size:2rem;font-weight:var(--font-weight-bold)}.score-percent{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.exam-result-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg)}.exam-result-stats.success{background:var(--color-success-50);border:1px solid var(--color-success-200)}.exam-result-stats.error{background:var(--color-error-50);border:1px solid var(--color-error-200)}.exam-result-stats .stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:0}.exam-result-stats.success .stat-item{color:var(--color-success-700)}.exam-result-stats.error .stat-item{color:var(--color-error-700)}.exam-result-stats .stat-value{color:inherit;font-weight:var(--font-weight-extrabold)}.exam-result-stats .stat-label{color:inherit;opacity:.78;font-size:var(--font-size-xs);text-transform:none}.threshold-pill{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);margin:0 auto;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.threshold-pill.success{color:var(--color-success-700);background-color:var(--color-success-100)}.threshold-pill.error{color:var(--color-error-700);background-color:var(--color-error-100)}.exam-result-actions{display:flex;gap:var(--space-3);justify-content:center;margin-top:var(--space-2)}@media(max-width:430px){.exam-result-content{padding:var(--space-5)}.exam-result-stats,.exam-result-actions{grid-template-columns:1fr;flex-direction:column}.exam-result-actions button{width:100%}}.stress-timer-container{position:relative;width:100%;height:8px;background-color:var(--color-neutral-200);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-4)}.stress-timer-bar{height:100%;width:100%;transform-origin:left;animation:stress-shrink linear forwards;will-change:width,background-color}@keyframes stress-shrink{0%{width:100%;background-color:var(--color-success-500)}50%{background-color:var(--color-warning-500)}to{width:0%;background-color:var(--color-error-500)}}.quiz-engine{width:100%;max-width:860px;min-height:80vh;display:flex;flex-direction:column;margin:0 auto;padding:var(--space-4)}.quiz-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.quiz-progress{min-width:0;flex:1;max-width:460px;display:flex;flex-direction:column;gap:var(--space-2);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.quiz-score{display:inline-flex;align-items:center;min-height:40px;padding:var(--space-2) var(--space-4);color:#7a4d06;background:var(--badge-gold-surface);border:1px solid var(--badge-gold-line);border-radius:var(--radius-full);font-weight:var(--font-weight-bold);white-space:nowrap}.quiz-main{flex:1;margin-bottom:var(--space-8)}.quiz-footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;padding:var(--space-4);padding-bottom:max(var(--space-4),env(safe-area-inset-bottom));background:color-mix(in srgb,var(--app-bg),transparent 10%);border-top:1px solid var(--border-default);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.next-button{min-width:160px}.quiz-loading,.quiz-error{width:min(100%,520px);margin:var(--space-12) auto;padding:var(--space-8);color:var(--text-secondary);text-align:center;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.quiz-error p{margin-bottom:var(--space-4)}.quiz-engine.mode-challenge .quiz-header{border-color:color-mix(in srgb,var(--challenge-coral),var(--border-default) 58%)}.quiz-engine.mode-examen{max-width:920px;padding:var(--space-5);background:linear-gradient(180deg,color-mix(in srgb,var(--deep-bg),white 92%) 0%,var(--app-bg) 36%),var(--app-bg);border:1px solid var(--border-default);border-radius:var(--radius-2xl)}.quiz-engine.mode-examen .quiz-header{background:var(--deep-bg);border-color:color-mix(in srgb,var(--electric-blue),transparent 72%);box-shadow:var(--shadow-lg)}.quiz-engine.mode-examen .quiz-progress{color:var(--deep-muted)}.exam-timer{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-4);color:var(--deep-text);background:var(--deep-surface);border:1px solid var(--deep-line);border-radius:var(--radius-full);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.exam-timer.warning{color:#fecaca;background:color-mix(in srgb,var(--challenge-coral),var(--deep-bg) 78%);border-color:color-mix(in srgb,var(--challenge-coral),transparent 32%);animation:pulse 1s ease-in-out infinite}.stress-timer-wrapper{width:100%;position:relative;margin-bottom:var(--space-4)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.72}}@media(max-width:620px){.quiz-engine{padding:var(--space-3)}.quiz-header{align-items:stretch;flex-direction:column}.quiz-score,.exam-timer{justify-content:center}.quiz-footer .btn{width:100%}}.flashcard-viewer{max-width:800px;margin:0 auto;min-height:80vh;display:flex;flex-direction:column}.viewer-header{margin-bottom:var(--space-8);color:var(--color-neutral-600)}.viewer-main{flex:1;display:flex;justify-content:center;align-items:center;padding:var(--space-4) 0;perspective:1000px}.viewer-footer{padding:var(--space-8) 0;display:flex;justify-content:center}.lesson-reader{max-width:800px;margin:0 auto}.lesson-content{background:#fff;padding:var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.lesson-header{margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-neutral-100)}.lesson-header h1{font-size:var(--font-size-3xl);color:var(--color-neutral-900)}.lesson-section{margin-bottom:var(--space-8)}.lesson-section h3{font-size:var(--font-size-xl);color:var(--color-primary-700);margin-bottom:var(--space-3)}.lesson-section p{font-size:var(--font-size-lg);line-height:1.6;color:var(--color-neutral-700)}.lesson-card:hover .lesson-icon{background-color:var(--color-primary-100);transform:scale(1.05);transition:all .2s ease}.lesson-description{color:var(--text-secondary)}.timeline-container{position:relative;max-width:800px;margin:0 auto;padding:var(--space-8) 0}.timeline-line{position:absolute;left:50%;transform:translate(-50%);width:2px;height:100%;background-color:var(--border-default)}.timeline-item{position:relative;width:50%;padding:0 var(--space-8);margin-bottom:var(--space-8)}.timeline-item.left{left:0;text-align:right}.timeline-item.right{left:50%;text-align:left}.timeline-marker{position:absolute;top:var(--space-4);width:16px;height:16px;background-color:var(--color-primary-500);border:3px solid white;border-radius:50%;box-shadow:0 0 0 2px var(--color-primary-200);z-index:10}.timeline-item.left .timeline-marker{right:-8px}.timeline-item.right .timeline-marker{left:-8px}.timeline-card{transition:transform .2s ease}.timeline-card:hover{transform:translateY(-2px)}.timeline-card.important-event{background-color:color-mix(in srgb,var(--color-accent-400),white 90%);border:2px solid var(--color-accent-400)}[data-theme=dark] .timeline-card.important-event{background-color:color-mix(in srgb,var(--color-accent-400),transparent 85%);border-color:var(--color-accent-400)}.timeline-card.important-event .event-date{background-color:var(--color-accent-400);color:#92400e}[data-theme=dark] .timeline-card.important-event .event-date{background-color:#fbbf24e6;color:#451a03!important}[data-theme=dark] .timeline-card.important-event .event-title,[data-theme=dark] .timeline-card.important-event .event-desc{color:#fcd34d!important}.event-date{display:inline-block;background-color:var(--bg-card-hover);color:var(--color-primary-500);font-weight:var(--font-weight-bold);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);margin-bottom:var(--space-2)}[data-theme=dark] .event-date{color:#e0f2fe;background-color:#38bdf833}.event-title{font-size:var(--font-size-lg);margin-bottom:var(--space-1);color:var(--text-primary)}.event-desc{font-size:var(--font-size-sm)}[data-theme=dark] .event-desc{color:var(--color-neutral-200)}@media(max-width:768px){.timeline-line{left:20px}.timeline-item{width:100%;left:0;padding-left:50px;padding-right:0;text-align:left}.timeline-item.left,.timeline-item.right{left:0;text-align:left}.timeline-item.left .timeline-marker,.timeline-item.right .timeline-marker{left:12px;right:auto}}.timeline-period-group{position:relative;margin-bottom:var(--space-8)}.timeline-period-header{text-align:center;padding:var(--space-4) 0 var(--space-8);position:relative;z-index:2}.timeline-period-title{display:inline-block;background-color:var(--bg-card);padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);border:2px solid var(--border-default);color:var(--text-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);box-shadow:0 4px 6px -1px #0000001a}.glossary-viewer{max-width:800px;margin:0 auto}.search-container{max-width:500px;margin-left:auto;margin-right:auto}[data-theme=dark] .search-input input{background-color:var(--bg-surface-elevated);color:var(--text-primary);border-color:var(--border-default)}.glossary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.glossary-card{height:100%;transition:transform .2s}.glossary-card:hover{transform:translateY(-2px);border-color:var(--color-primary-200)}.term-title{font-size:var(--font-size-xl);color:var(--color-primary-400);margin-bottom:var(--space-2);font-weight:var(--font-weight-bold)}[data-theme=dark] .term-title{color:var(--color-primary-300)}.term-def{color:var(--text-secondary);line-height:1.5}[data-theme=dark] .term-def{color:var(--color-neutral-200)}.onboarding-overlay{position:fixed;inset:0;z-index:2147483000;isolation:isolate;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#10172a94;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .24s ease-out}.onboarding-card{width:min(100%,520px);position:relative;z-index:1;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:var(--space-8);color:var(--text-primary);text-align:center;background:linear-gradient(180deg,color-mix(in srgb,var(--onboarding-color, var(--mission-official)),white 90%) 0%,var(--bg-card) 44%),var(--bg-card);background-color:var(--bg-card);border:1px solid color-mix(in srgb,var(--onboarding-color, var(--mission-official)),var(--border-default) 62%);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);animation:slideUp .34s var(--motion-ease-out)}.onboarding-icon-wrapper{width:98px;height:98px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);color:var(--onboarding-color, var(--mission-official));background:color-mix(in srgb,var(--onboarding-color, var(--mission-official)),white 86%);border:1px solid color-mix(in srgb,var(--onboarding-color, var(--mission-official)),white 58%);border-radius:var(--radius-2xl);box-shadow:inset 0 1px #ffffffbd,0 18px 34px -24px var(--onboarding-color, var(--mission-official));transition:color .3s ease,background-color .3s ease,border-color .3s ease;animation:markIn .45s var(--motion-ease-out)}.onboarding-title{max-width:16ch;margin:0 0 var(--space-4);color:var(--text-primary);font-size:clamp(1.65rem,4vw,2.35rem);line-height:1.08}.onboarding-text{min-height:88px;margin:0 0 var(--space-8);color:var(--text-secondary);font-size:var(--font-size-lg);line-height:1.65}.onboarding-indicators{display:flex;gap:var(--space-2);margin-bottom:var(--space-8)}.indicator-dot{width:9px;height:9px;border-radius:var(--radius-full);background:var(--border-strong);transition:width .25s ease,background-color .25s ease}.indicator-dot.active{width:30px;background:var(--onboarding-color, var(--mission-official))}.onboarding-actions{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.btn-skip{min-height:44px;padding:var(--space-2) var(--space-3);color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.btn-skip:hover{color:var(--text-primary);background:var(--bg-card-hover)}.btn-next{min-width:132px;margin-left:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes markIn{0%{opacity:0;transform:scale(.9) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(0)}}@media(max-width:520px){.onboarding-card{padding:var(--space-6)}.onboarding-actions{align-items:stretch;flex-direction:column-reverse}.btn-next,.btn-skip{width:100%;margin-left:0}}.coach-mark-highlight{position:fixed;z-index:9999;pointer-events:none;border:2px solid color-mix(in srgb,var(--electric-blue),white 18%);box-shadow:0 0 0 9999px #10172a9e,0 0 0 6px #4c7dff2e;transition:top .24s ease,left .24s ease,width .24s ease,height .24s ease}.coach-mark-popover{position:fixed;z-index:10000;width:min(300px,calc(100vw - 2rem));padding:var(--space-5);color:var(--text-primary);background:linear-gradient(180deg,color-mix(in srgb,var(--electric-blue),white 91%) 0%,var(--bg-card) 52%),var(--bg-card);border:1px solid color-mix(in srgb,var(--electric-blue),var(--border-default) 58%);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);pointer-events:auto;animation:popIn .24s var(--motion-ease-out)}.coach-mark-arrow{position:absolute;width:12px;height:12px;background:var(--bg-card);border-left:1px solid color-mix(in srgb,var(--electric-blue),var(--border-default) 58%);border-bottom:1px solid color-mix(in srgb,var(--electric-blue),var(--border-default) 58%)}.coach-mark-content h3{margin:0 0 var(--space-2);color:var(--text-primary);font-size:var(--font-size-lg)}.coach-mark-content p{margin:0 0 var(--space-4);color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6}.coach-mark-actions{display:flex;justify-content:flex-end}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media(max-width:520px){.coach-mark-popover{left:1rem!important;right:1rem!important;transform:none!important}}.theme-toggle{background:transparent;border:none;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-full);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.theme-toggle:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.theme-icon{transition:transform var(--transition-fast)}.theme-toggle:active .theme-icon{transform:rotate(15deg)}.home{width:100%;max-width:1100px;margin:0 auto;padding:var(--space-12) var(--space-6) var(--space-8);position:relative}.home-nav,.home-nav-left{position:absolute;top:var(--space-6);z-index:10;display:flex;align-items:center;gap:var(--space-3)}.home-nav{right:var(--space-6)}.home-nav-left{left:var(--space-6)}.button-text-responsive{display:none}.hero{display:grid;gap:var(--space-8);align-items:center;padding:var(--space-10) 0 var(--space-10);border-bottom:1px solid var(--border-default)}@media(min-width:960px){.hero{grid-template-columns:minmax(0,1fr) minmax(380px,1fr);padding-top:var(--space-12);gap:var(--space-12)}}.hero-content{max-width:600px}.hero-kicker{display:inline-flex;align-items:center;gap:var(--space-2);min-height:32px;margin-bottom:var(--space-4);padding:var(--space-1) var(--space-3);color:var(--color-primary-700);background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.hero-content h1{margin:0 0 var(--space-4);font-size:clamp(2rem,4vw,3.5rem);line-height:1.1;font-family:var(--font-family-display);color:var(--text-primary)}.hero-subtitle{max-width:580px;margin:0;color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.65}.hero-stats-card{width:100%;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6)}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--space-1);text-align:center}.stat-icon,.home-badge-emblem{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:var(--space-2);border-radius:var(--radius-full)}.stat-icon.xp{color:var(--color-accent-700);background:var(--badge-gold-surface);border:1px solid var(--badge-gold-line)}.stat-icon.readiness{color:var(--progress-mint);background:var(--color-success-50);border:1px solid var(--color-success-200)}.stat-value{max-width:100%;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1.1}.stat-value.badge-name{font-size:var(--font-size-sm);line-height:1.25}.stat-label{color:var(--text-secondary);font-size:var(--font-size-xs)}.home-badge-emblem.rarity-bronze{color:var(--badge-bronze);background:var(--badge-bronze-surface);border:1px solid var(--badge-bronze-line)}.home-badge-emblem.rarity-silver{color:var(--badge-silver);background:var(--badge-silver-surface);border:1px solid var(--badge-silver-line)}.home-badge-emblem.rarity-gold{color:var(--badge-gold);background:var(--badge-gold-surface);border:1px solid var(--badge-gold-line)}.home-badge-emblem.rarity-platinum{color:var(--badge-platinum);background:var(--badge-platinum-surface);border:1px solid var(--badge-platinum-line)}.home-badge-emblem.rarity-locked{color:var(--text-tertiary);background:var(--bg-card-hover);border:1px solid var(--border-default)}.xp-progress{padding-top:var(--space-4);border-top:1px solid var(--border-default)}.xp-label{display:flex;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-2);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.next-action-strip{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-5);padding:var(--space-4);background:var(--bg-card-hover);border:1px solid var(--border-default);border-radius:var(--radius-md)}.next-action-strip strong{display:block;margin-top:var(--space-1);color:var(--text-primary);font-size:var(--font-size-sm)}.next-action-label,.section-heading span,.mission-label,.mission-recommended{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.section-heading{margin-bottom:var(--space-6);border-left:2px solid var(--reward-gold);padding-left:var(--space-3)}.section-heading h2{margin:var(--space-1) 0 0;font-size:clamp(1.4rem,2.2vw,2rem);font-family:var(--font-family-display);font-weight:var(--font-weight-bold);color:var(--text-primary)}.missions-section,.categories-section,.tools-section{padding:var(--space-8) 0;border-bottom:1px solid var(--border-default)}.missions-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media(min-width:780px){.missions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.mission-card{--mission-card-color: var(--mission-official);min-height:100%;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.mission-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.mission-card-content{min-height:300px;display:flex;flex-direction:column;padding:var(--space-5)}.mission-card-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:28px}.mission-label{color:var(--mission-card-color)}.mission-recommended{min-height:24px;display:inline-flex;align-items:center;padding:0 var(--space-2);color:var(--color-accent-700);background:var(--badge-gold-surface);border:1px solid var(--badge-gold-line);border-radius:var(--radius-sm);font-size:10px}.mission-visual{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin:var(--space-4) 0 var(--space-4);color:var(--mission-card-color);background:var(--bg-card-hover);border:1px solid var(--border-default);border-radius:var(--radius-sm);overflow:hidden}.mission-avatar{width:100%;height:100%;object-fit:cover}.mission-card h3{margin:0 0 var(--space-2);font-size:var(--font-size-lg);font-family:var(--font-family-display);font-weight:var(--font-weight-bold)}.mission-card p{flex:1;margin:0 0 var(--space-4);color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5}.mission-action{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--civic-blue);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.mission-action svg{transition:transform var(--transition-fast)}.mission-card:hover .mission-action svg{transform:translate(3px)}.mission-official{--mission-card-color: var(--mission-official)}.mission-oral{--mission-card-color: var(--mission-oral)}.mission-fast{--mission-card-color: var(--mission-fast)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.categories-grid a{color:inherit;text-decoration:none}.category-card{--category-color: var(--mission-study);min-height:auto;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.category-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.category-card-content{display:flex;align-items:center;gap:var(--space-4)}.category-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--category-color);background:var(--bg-card-hover);border:1px solid var(--border-default);border-radius:var(--radius-sm)}.category-card h3{margin:0 0 var(--space-1);font-size:var(--font-size-base);font-family:var(--font-family-display);font-weight:var(--font-weight-bold)}.category-card p,.tool-card p{margin:0;color:var(--text-secondary);font-size:var(--font-size-xs)}.category-history{--category-color: var(--civic-blue)}.category-institutions{--category-color: var(--electric-blue)}.category-values{--category-color: var(--progress-mint)}.category-geography{--category-color: var(--xp-saffron)}.category-culture{--category-color: var(--deep-violet)}.category-society{--category-color: var(--sim-iris)}.category-security{--category-color: var(--challenge-coral)}.category-divers{--category-color: var(--color-neutral-600)}.tools-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:720px){.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.tool-card{--tool-color: var(--electric-blue);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.tool-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.tool-card-content{display:flex;align-items:center;gap:var(--space-4)}.tool-icon-wrapper{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--tool-color);background:var(--bg-card-hover);border:1px solid var(--border-default);border-radius:var(--radius-sm)}.tool-history{--tool-color: var(--civic-blue)}.tool-glossary{--tool-color: var(--sim-iris)}.home-footer{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--border-default);text-align:center;color:var(--text-tertiary);display:flex;flex-direction:column;gap:var(--space-2);align-items:center}.home-footer p{margin:0;font-size:var(--font-size-xs)}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);color:var(--text-tertiary);font-size:var(--font-size-xs)}.footer-links a{color:var(--text-secondary)}.footer-links a:hover{color:var(--link-color)}@media(min-width:640px){.button-text-responsive{display:inline}}@media(max-width:700px){.home{padding-top:5rem}.stats-grid{grid-template-columns:1fr}.next-action-strip{align-items:stretch;flex-direction:column}.next-action-strip .btn{width:100%}.mission-card-content{min-height:auto}}@media(max-width:430px){.home-nav{right:var(--space-3)}.home-nav-left{left:var(--space-3)}.hero-content h1{font-size:1.85rem}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--bg-app)}.login-container{width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-header h1{font-size:var(--font-size-3xl);color:var(--text-primary);margin-bottom:var(--space-2)}.login-header p{color:var(--text-secondary)}.login-card{padding:var(--space-8)!important;background-color:var(--bg-card)!important;border:1px solid var(--border-default)!important}.divider{display:flex;align-items:center;justify-content:center;margin:var(--space-6) 0;position:relative}.divider:before{content:"";position:absolute;left:0;right:0;height:1px;background:var(--border-default)}.divider span{background:var(--bg-card);padding:0 var(--space-3);color:var(--text-tertiary);font-size:var(--font-size-sm);position:relative;z-index:1}.auth-link{background:none;border:none;padding:0;font:inherit;cursor:pointer;color:var(--color-primary-600);font-weight:600;text-decoration:none;transition:color .2s ease}.auth-link:hover{color:var(--color-primary-800);text-decoration:underline}[data-theme=dark] .auth-link{color:var(--color-primary-300)}[data-theme=dark] .auth-link:hover{color:var(--color-primary-200)}.auth-prompt{text-align:center;font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-4)}.leaderboard-container{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-default);box-shadow:var(--shadow-sm);overflow:hidden}.leaderboard-header{background:var(--primary-gradient);padding:var(--space-4) var(--space-5);color:#fff;display:flex;align-items:center;justify-content:space-between}.leaderboard-header h2{font-family:var(--font-family-display);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0;display:flex;align-items:center;gap:var(--space-2);letter-spacing:.02em}.leaderboard-header h2 svg{color:var(--xp-saffron)}.leaderboard-list{padding:var(--space-1) 0}.leaderboard-item{display:grid;grid-template-columns:36px 40px 1fr auto;align-items:center;padding:var(--space-3) var(--space-5);gap:var(--space-3);border-bottom:1px solid var(--border-default);transition:background-color var(--transition-fast)}.leaderboard-item:last-child{border-bottom:none}.leaderboard-item:hover{background-color:var(--bg-card-hover)}.leaderboard-item.current-user{background-color:var(--badge-silver-surface);border-left:3px solid var(--civic-blue)}.rank{font-weight:var(--font-weight-bold);color:var(--text-tertiary);text-align:center;width:24px;font-size:var(--font-size-sm)}.rank-1,.rank-2,.rank-3{width:24px;height:24px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.rank-1{background:var(--xp-saffron);color:var(--ink);box-shadow:var(--shadow-xs)}.rank-2{background:var(--badge-silver);box-shadow:var(--shadow-xs)}.rank-3{background:var(--badge-bronze);box-shadow:var(--shadow-xs)}.user-avatar{width:32px;height:32px;background:var(--bg-card-hover);border:1px solid var(--border-default);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);color:var(--text-secondary);font-size:var(--font-size-xs)}.user-info{display:flex;flex-direction:column}.user-name{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-sm)}.user-level{font-size:10px;color:var(--text-secondary)}.user-xp{font-weight:var(--font-weight-semibold);color:var(--civic-blue);font-size:var(--font-size-sm)}[data-theme=dark] .user-xp{color:var(--color-accent-400)}.empty-leaderboard{text-align:center;padding:var(--space-6);color:var(--text-secondary);font-size:var(--font-size-sm)}.dashboard{width:100%;max-width:1100px;margin:0 auto;padding:var(--space-8) var(--space-6);animation:fadeIn .4s ease-out}.dashboard *{box-sizing:border-box}.dashboard>*+*{margin-top:var(--space-6)}.dashboard-header{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:var(--space-6);position:relative;overflow:visible;padding:var(--space-6);color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.dashboard-user{display:flex;align-items:center;gap:var(--space-4);min-width:0}.dashboard-user-avatar{width:56px;height:56px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;background:var(--primary-gradient);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.dashboard-kicker{display:inline-flex;margin-bottom:var(--space-1);color:var(--color-primary-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em}.dashboard-user h1{margin:0 0 var(--space-1);color:var(--text-primary);font-size:clamp(1.4rem,2.5vw,1.9rem);font-family:var(--font-family-display)}.dashboard-user p{max-width:44rem;margin:0;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6}.dashboard-header-controls{display:flex;align-items:center;gap:var(--space-4)}.dashboard-xp-progress{width:min(100%,300px);min-width:min(100%,200px)}.dashboard-xp-labels{display:flex;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.dashboard-xp-labels .level{color:var(--text-primary)}.dashboard-xp-labels .xp{color:var(--xp-color-strong);white-space:nowrap}.dashboard-xp-bar{width:100%;height:8px;overflow:hidden;background:var(--readiness-track);border:1px solid var(--border-default);border-radius:var(--radius-full)}.dashboard-xp-bar-fill{height:100%;background:var(--xp-gradient);border-radius:inherit;transition:width .65s var(--motion-ease-out)}.dashboard-leaderboard-section{overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--border-default)}.dashboard-next-step{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--bg-card-hover);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.dashboard-next-icon{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;color:#faf8f5;background:var(--primary-gradient);border-radius:var(--radius-sm)}.dashboard-next-step span{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em}.dashboard-next-step h2{margin:var(--space-1) 0;color:var(--text-primary);font-size:var(--font-size-md);font-family:var(--font-family-display);font-weight:var(--font-weight-bold)}.dashboard-next-step p{margin:0;color:var(--text-secondary);font-size:var(--font-size-xs)}.dashboard-next-link{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);color:#fff;background:var(--primary-gradient);border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.dashboard-stats{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.stat-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.stat-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.stat-card-icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-sm)}.stat-card-icon.trophy{color:var(--color-accent-700);background:var(--badge-gold-surface);border:1px solid var(--badge-gold-line)}.stat-card-icon.flame{color:var(--badge-bronze);background:var(--badge-bronze-surface);border:1px solid var(--badge-bronze-line)}.stat-card-icon.target{color:var(--progress-mint);background:var(--color-success-50);border:1px solid var(--color-success-200)}.stat-card-content p{margin:0 0 var(--space-1);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.stat-card-content h3{margin:0;color:var(--text-primary);font-size:var(--font-size-xl);line-height:1.15}.stat-card-content .subtext{display:block;margin-top:var(--space-1);color:var(--text-tertiary);font-size:var(--font-size-xs)}.dashboard-content{display:grid;gap:var(--space-6)}.dashboard-main>*+*{margin-top:var(--space-6)}.dashboard-card{padding:var(--space-6);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.dashboard-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-default)}.dashboard-card-header h2{display:flex;align-items:center;gap:var(--space-3);margin:0;color:var(--text-primary);font-size:var(--font-size-base);font-family:var(--font-family-sans);font-weight:var(--font-weight-semibold)}.card-title-icon.activity{color:var(--civic-blue)}.card-title-icon.warning{color:var(--challenge-coral)}.card-title-icon.reward{color:var(--reward-gold)}.activity-chart{height:160px;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-2);border-bottom:1px solid var(--border-default)}.activity-bar{flex:1;max-width:14px;height:100%;overflow:visible;position:relative;background:var(--readiness-track);border-radius:var(--radius-full)}.activity-bar-fill{position:absolute;bottom:0;width:100%;min-height:4px;background:var(--primary-gradient);border-radius:inherit;transition:height .45s var(--motion-ease-out)}.activity-bar:hover .activity-bar-fill{background:var(--xp-gradient)}.activity-bar-tooltip{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);opacity:0;pointer-events:none;padding:2px 6px;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:10px;box-shadow:var(--shadow-sm);white-space:nowrap;z-index:10;transition:opacity var(--transition-fast)}.activity-bar:hover .activity-bar-tooltip{opacity:1}.activity-labels{display:flex;justify-content:space-between;margin-top:var(--space-3);padding:0 var(--space-2)}.activity-labels span{color:var(--text-tertiary);font-size:10px;font-weight:var(--font-weight-semibold)}.weak-points{display:grid;gap:var(--space-3)}.weak-point{padding:var(--space-4);background:var(--bg-card-hover);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.weak-point-header{display:flex;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-2)}.weak-point-header .category,.weak-point-header .score{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.weak-point-header .category{color:var(--text-primary)}.weak-point-header .score{color:var(--challenge-coral)}.weak-point-bar{height:6px;overflow:hidden;background:var(--readiness-track);border-radius:var(--radius-full)}.weak-point-bar-fill{height:100%;background:var(--danger-gradient);border-radius:inherit}.badges-grid{display:flex;flex-direction:column;gap:var(--space-2)}.badge-item{width:100%;min-height:auto;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);text-align:left;font:inherit;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.badge-item:hover{transform:translate(2px);border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.badge-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-full)}.badge-info{min-width:0;flex:1}.badge-info h3{margin:0;overflow:hidden;color:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.badge-info p{max-width:220px;margin:2px 0 0;overflow:hidden;color:var(--text-tertiary);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.badge-item.locked{color:var(--text-tertiary);background:var(--bg-card-hover);border-style:dashed}.badge-item.locked .badge-icon{color:var(--text-tertiary);background:var(--bg-app);border:1px solid var(--border-default)}.badge-item.unlocked.bronze{color:#8a3f21;background:var(--badge-bronze-surface);border-color:var(--badge-bronze-line)}.badge-item.unlocked.bronze .badge-icon{color:var(--badge-bronze);background:var(--bg-card);border:1px solid var(--badge-bronze-line)}.badge-item.unlocked.silver{color:#3f4a5f;background:var(--badge-silver-surface);border-color:var(--badge-silver-line)}.badge-item.unlocked.silver .badge-icon{color:var(--badge-silver);background:var(--bg-card);border:1px solid var(--badge-silver-line)}.badge-item.unlocked.gold{color:#7a4d06;background:var(--badge-gold-surface);border-color:var(--badge-gold-line)}.badge-item.unlocked.gold .badge-icon{color:var(--badge-gold);background:var(--bg-card);border:1px solid var(--badge-gold-line)}.badge-item.unlocked.platinum{color:#3730a3;background:var(--badge-platinum-surface);border-color:var(--badge-platinum-line)}.badge-item.unlocked.platinum .badge-icon{color:var(--badge-platinum);background:var(--bg-card);border:1px solid var(--badge-platinum-line)}.empty-activity,.empty-weak-points{margin:0;padding:var(--space-6);color:var(--text-secondary);text-align:center;background:var(--bg-card-hover);border:1px dashed var(--border-default);border-radius:var(--radius-md)}.empty-activity p{margin:0 0 var(--space-1);color:var(--text-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.empty-activity span{color:var(--text-secondary);font-size:var(--font-size-xs)}.dashboard-footer{padding:var(--space-6) 0;color:var(--text-tertiary);text-align:center;border-top:1px solid var(--border-default)}.dashboard-footer p{margin:0;font-size:var(--font-size-xs)}.dashboard-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-5);margin-bottom:var(--space-3)}.dashboard-footer-links a{color:var(--text-secondary);font-size:var(--font-size-xs)}.dashboard-footer-links a:hover{color:var(--link-color)}.dashboard-footer-note{display:grid;gap:var(--space-1);margin-top:var(--space-3);color:var(--text-tertiary);font-size:10px}@media(min-width:768px){.dashboard-header{flex-direction:row;align-items:center;padding:var(--space-6)}.dashboard-stats{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.dashboard-content{grid-template-columns:minmax(0,2.1fr) minmax(280px,.9fr);gap:var(--space-6)}}@media(max-width:720px){.dashboard-user{align-items:flex-start}.dashboard-header-controls,.dashboard-next-step{align-items:stretch;grid-template-columns:1fr}.dashboard-header-controls{flex-direction:column}.dashboard-xp-progress,.dashboard-next-link{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.category-page{padding:var(--space-6) 0;min-height:100vh;background-color:var(--bg-canvas)}.category-header{margin-bottom:var(--space-8)}.back-link{display:inline-block;margin-bottom:var(--space-4);text-decoration:none}.category-title-wrapper{display:flex;align-items:center;gap:var(--space-4)}.category-icon-large{width:64px;height:64px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background-color:color-mix(in srgb,var(--category-base),white 90%);color:var(--category-base)}[data-theme=dark] .category-icon-large{background-color:color-mix(in srgb,var(--category-base),transparent 85%);color:color-mix(in srgb,var(--category-base),white 20%)}.category-title-wrapper h1{font-size:var(--font-size-2xl);color:var(--text-primary);margin:0}.category-title-wrapper p{color:var(--text-secondary);margin-top:var(--space-1)}.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4)}.module-link{text-decoration:none;color:inherit;display:block}.module-card{height:100%}.module-card .card-content{display:flex;align-items:center;gap:var(--space-4)}.module-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.module-icon.variant-blue{--accent-base: #2563eb}.module-icon.variant-green{--accent-base: #10b981}.module-icon.variant-purple{--accent-base: #8b5cf6}.module-icon{background-color:color-mix(in srgb,var(--accent-base),white 90%);color:var(--accent-base)}[data-theme=dark] .module-icon{background-color:color-mix(in srgb,var(--accent-base),transparent 85%);color:color-mix(in srgb,var(--accent-base),white 10%)}.module-info{flex:1}.module-info h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-1)}.module-info p{font-size:var(--font-size-sm);color:var(--text-secondary)}.module-progress{display:flex;flex-direction:column;gap:var(--space-1);min-width:80px;text-align:right}.quiz-page,.flashcards-page,.lessons-page,.timeline-page{min-height:100vh;background-color:var(--bg-canvas);padding:var(--space-4) 0}.page-header h1{font-size:var(--font-size-3xl);color:var(--text-primary);margin-bottom:var(--space-2)}.page-header .subtitle{font-size:var(--font-size-lg);color:var(--text-secondary)}.back-button{margin-bottom:var(--space-4)}.glossary-page{min-height:100vh;background-color:var(--bg-canvas);padding:var(--space-4) 0}.interview-simulator{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);color:var(--deep-text);background:radial-gradient(circle at 50% 18%,rgba(29,61,111,.15),transparent 30rem),linear-gradient(180deg,var(--deep-bg) 0%,#0C111D 100%)}.interview-container{width:100%;max-width:640px}.intro-screen,.results-screen,.not-configured{text-align:center}.intro-screen h1,.results-screen h2,.not-configured h2,.consent-card h2,.error-mode h1{font-family:var(--font-family-display);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-3);color:var(--deep-text)}.intro-screen h1{font-size:clamp(1.8rem,4vw,2.5rem);letter-spacing:-.01em}.subtitle,.intro-subtitle,.duration{max-width:34rem;margin:0 auto var(--space-8);color:var(--deep-muted);line-height:1.65;font-size:var(--font-size-base)}.intro-orb{width:112px;height:112px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-8);color:var(--deep-text);background:var(--deep-surface);border:1px solid var(--deep-line);border-radius:var(--radius-full);box-shadow:var(--shadow-lg),0 0 40px #1d3d6f33;animation:gentle-pulse 3.2s ease-in-out infinite}.intro-orb svg{color:var(--xp-saffron)}.intro-orb .orb-inner{display:flex;align-items:center;justify-content:center}.status-badge{display:flex;justify-content:center;margin:var(--space-4) 0 var(--space-8)}.transparency-badge{display:inline-flex;align-items:center;min-height:30px;padding:0 var(--space-4);color:var(--deep-text);background:#ffffff0d;border:1px solid var(--deep-line);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.intro-features{display:grid;gap:var(--space-3);margin:var(--space-8) 0}.feature{display:flex;align-items:center;justify-content:center;min-height:52px;padding:var(--space-3) var(--space-4);color:var(--deep-text);background:#ffffff08;border:1px solid var(--deep-line);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.feature-bonus{gap:var(--space-2);color:var(--color-accent-300);background:#c5a2650f;border-color:#c5a26533}.feature-star,.bonus-star{color:var(--xp-saffron)}.start-button,.end-interview-btn,.interview-simulator .btn-primary,.interview-simulator .btn-secondary{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);color:#fff;border-radius:var(--radius-md);cursor:pointer;font:inherit;font-weight:var(--font-weight-semibold);text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.start-button{width:min(100%,400px);margin:0 auto;background:var(--primary-gradient);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-lg),0 8px 30px #1d3d6f4d}.start-button:hover,.interview-simulator .btn-primary:hover,.interview-simulator .btn-secondary:hover,.end-interview-btn:hover{transform:translateY(-1px)}.interview-active-mode{justify-content:space-between;padding:0}.interview-top-bar{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:#0c111dd9;border-bottom:1px solid var(--deep-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.timer-display{display:flex;align-items:center;gap:var(--space-2);color:var(--deep-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:var(--font-weight-medium)}.nav-icon-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;color:var(--deep-text);background:#ffffff0d;border:1px solid var(--deep-line);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.nav-icon-btn:hover{background:#ffffff1a}.orb-container{flex:1;display:flex;align-items:center;justify-content:center;min-height:46vh}.voice-orb{position:relative;width:180px;height:180px;display:flex;align-items:center;justify-content:center}.orb-glow{position:absolute;inset:0;border-radius:var(--radius-full);background:radial-gradient(circle,rgba(29,61,111,.2) 0%,transparent 70%);animation:glow-pulse 2.2s ease-in-out infinite}.orb-ring{position:absolute;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-full)}.ring-1{width:100%;height:100%;animation:ring-pulse 2s ease-in-out infinite}.ring-2{width:126%;height:126%;animation:ring-pulse 2s ease-in-out infinite .3s}.ring-3{width:152%;height:152%;animation:ring-pulse 2s ease-in-out infinite .6s}.orb-core{width:76px;height:76px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--deep-surface);border:1px solid rgba(255,255,255,.1);box-shadow:0 0 30px #1d3d6f4d}.voice-orb.speaking .orb-core{background:var(--primary-gradient);animation:speaking-pulse .55s ease-in-out infinite}.voice-orb.speaking .orb-glow{background:radial-gradient(circle,rgba(29,61,111,.3) 0%,transparent 70%)}.voice-orb.speaking .orb-ring{border-color:#1d3d6f26}.voice-orb.listening .orb-core{background:#4a7a6e26;border-color:var(--progress-mint);box-shadow:0 0 30px #4a7a6e33}.voice-orb.listening .orb-glow{background:radial-gradient(circle,rgba(74,122,110,.15) 0%,transparent 70%)}.voice-orb.listening .orb-ring{border-color:#4a7a6e1a}.voice-orb.user-speaking .orb-core{transform:scale(calc(1 + var(--audio-level) * .2));border-color:var(--progress-mint);box-shadow:0 0 calc(30px + var(--audio-level) * 30px) #4a7a6e66}.voice-orb.connecting .orb-core,.voice-orb.processing .orb-core{background:var(--deep-surface)}.connecting-dots{display:flex;gap:4px}.connecting-dots span{width:6px;height:6px;background:var(--deep-text);border-radius:var(--radius-full);animation:dot-bounce 1.4s ease-in-out infinite both}.connecting-dots span:nth-child(1){animation-delay:-.32s}.connecting-dots span:nth-child(2){animation-delay:-.16s}.status-area{padding:var(--space-8);text-align:center}.current-status{margin:0 0 var(--space-4);color:var(--deep-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.audio-meter{width:min(220px,70vw);height:6px;overflow:hidden;margin:0 auto;background:#ffffff1a;border-radius:var(--radius-full)}.audio-meter-fill{height:100%;background:linear-gradient(90deg,var(--progress-mint),var(--success-jade));border-radius:inherit;transition:width .1s ease-out}.bottom-actions{width:100%;padding:var(--space-8);padding-bottom:max(var(--space-8),env(safe-area-inset-bottom))}.end-interview-btn{width:min(100%,400px);margin:0 auto;background:var(--challenge-coral);border:1px solid rgb(240 82 82 / .5);box-shadow:0 16px 38px -24px #f05252c7}.results-screen{padding:var(--space-6);background:#172033b8;border:1px solid rgb(169 190 255 / .14);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}.interview-simulator .score-display{margin-bottom:var(--space-6)}.score-ring{position:relative;width:158px;height:158px;margin:0 auto var(--space-5)}.score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.score-ring-bg{fill:none;stroke:#ffffff1a;stroke-width:8}.score-ring-fill{fill:none;stroke:var(--sim-iris);stroke-width:8;stroke-linecap:round;transition:stroke-dasharray 1s ease-out}.score-number{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.interview-simulator .score-value{color:var(--deep-text);font-size:2.5rem;font-weight:var(--font-weight-extrabold)}.score-max{color:var(--deep-muted);font-size:var(--font-size-base)}.excellent-bonus{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-2);margin:var(--space-4) auto;padding:var(--space-4) var(--space-5);color:#ffd35c;background:#f5b51b1a;border:1px solid rgb(245 181 27 / .32);border-radius:var(--radius-xl);animation:bonus-appear .45s ease-out}.bonus-badge{display:flex;align-items:center;gap:var(--space-2)}.bonus-text{font-weight:var(--font-weight-bold)}.bonus-xp{color:var(--xp-saffron);font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold)}.interview-categories-grid,.feedback-cards{display:grid;gap:var(--space-3);margin-bottom:var(--space-6)}.interview-category-item{display:grid;grid-template-columns:minmax(0,1fr) 118px 52px;align-items:center;gap:var(--space-3)}.interview-category-bar{height:9px;overflow:hidden;background:#ffffff1a;border-radius:var(--radius-full)}.interview-category-fill{height:100%;background:linear-gradient(90deg,var(--sim-iris),var(--electric-blue));border-radius:inherit;transition:width .5s ease-out}.interview-category-name{color:var(--deep-muted);font-size:var(--font-size-sm);text-align:left}.interview-category-score{color:var(--deep-text);font-weight:var(--font-weight-bold);text-align:right}.feedback-card{padding:var(--space-4);text-align:left;background:#ffffff0e;border:1px solid rgb(169 190 255 / .13);border-radius:var(--radius-xl)}.feedback-card h3{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);color:var(--deep-text);font-size:var(--font-size-base)}.feedback-card.strengths h3{color:#8ef0bb}.feedback-card.improvements h3{color:#ffd35c}.feedback-card.tips h3{color:#b7a7ff}.feedback-card ul{display:grid;gap:var(--space-2);padding:0;margin:0;list-style:none}.feedback-card li{color:var(--deep-muted);line-height:1.5}.feedback-card li:before{content:"•";margin-right:var(--space-2);color:currentColor;opacity:.58}.results-buttons,.error-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.interview-simulator .btn-secondary{background:#ffffff14;border:1px solid rgb(169 190 255 / .18)}.interview-simulator .btn-primary{background:linear-gradient(135deg,var(--sim-iris),var(--electric-blue));border:1px solid rgb(183 167 255 / .3)}.not-configured,.consent-card,.error-mode{padding:var(--space-6);background:#172033bd;border:1px solid rgb(169 190 255 / .14);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}.not-configured svg,.error-icon-wrapper{color:var(--xp-saffron);margin-bottom:var(--space-4)}.not-configured p{color:var(--deep-muted)}.error-mode h1{color:#fca5a5}.error-icon-wrapper{display:flex;justify-content:center}.error-detail-box{width:100%;margin:0 auto var(--space-6);padding:var(--space-4);background:#00000038;border:1px solid rgb(169 190 255 / .14);border-radius:var(--radius-lg)}.error-detail-box p{margin:0;color:var(--deep-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--font-size-xs);overflow-wrap:anywhere}.consent-modal-overlay{width:100%;max-width:540px;margin:0 auto}.consent-card{color:var(--deep-text);text-align:left}.consent-icon-wrapper{width:66px;height:66px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);color:#d4cbff;background:#7c5cff29;border:1px solid rgb(124 92 255 / .34);border-radius:var(--radius-full)}.consent-card h2{text-align:center}.consent-alert{display:flex;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-4);color:var(--deep-muted);background:#ffffff0e;border:1px solid rgb(169 190 255 / .14);border-radius:var(--radius-lg);line-height:1.55}.consent-alert p{margin:0}.consent-alert svg{flex-shrink:0;color:#b7a7ff;margin-top:2px}.consent-details h3{margin:0 0 var(--space-3);color:var(--deep-muted);font-size:var(--font-size-xs);text-transform:uppercase}.consent-details ul{display:grid;gap:var(--space-3);padding:0;margin:0 0 var(--space-6);list-style:none}.consent-details li{padding-left:var(--space-3);color:var(--deep-muted);border-left:2px solid rgb(124 92 255 / .45);line-height:1.5}.consent-details strong,.checkbox-text{color:var(--deep-text)}.consent-checkbox-wrapper{margin-bottom:var(--space-6)}.consent-checkbox-label{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);color:var(--deep-text);background:#ffffff0e;border:2px solid rgb(169 190 255 / .16);border-radius:var(--radius-lg);cursor:pointer}.consent-checkbox-label.checked{background:#21b5731a;border-color:#21b57380}.consent-checkbox-label input{position:absolute;opacity:0}.checkbox-custom{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;color:var(--success-jade);background:#ffffff14;border:2px solid rgb(169 190 255 / .24);border-radius:6px}.checkbox-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.5}.consent-actions .btn{width:100%}.consent-legal-footer{margin:var(--space-4) 0 0;color:var(--deep-muted);font-size:var(--font-size-xs);text-align:center}.consent-legal-footer a{color:#b7a7ff;text-decoration:underline}.voice-quota-panel{width:min(100%,620px);margin:var(--space-6) auto 0;padding:var(--space-4);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-2xl);background:#ffffff0f;color:var(--deep-text)}.voice-quota-item{display:flex;align-items:center;justify-content:center;gap:var(--space-2);color:#d9d5ff;font-weight:700}.voice-quota-metrics{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-top:var(--space-3)}.voice-quota-metrics span{padding:6px 9px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);background:#ffffff0f;color:var(--deep-muted);font-size:var(--font-size-xs);font-weight:700}.quota-block{max-width:680px;margin:0 auto}.quota-status-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:min(100%,480px);margin:var(--space-6) auto;padding:var(--space-4);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-2xl);background:#ffffff0f}.quota-status-card span{color:var(--deep-muted);font-size:var(--font-size-sm);font-weight:700}.quota-status-card strong{color:var(--deep-text);font-size:var(--font-size-lg)}@keyframes gentle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes glow-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes ring-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.62;transform:scale(1.05)}}@keyframes speaking-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes dot-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes bonus-appear{0%{opacity:0;transform:scale(.9) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:640px){.interview-simulator{padding:var(--space-4)}.interview-top-bar{padding:var(--space-3) var(--space-4)}.voice-orb{width:170px;height:170px}.interview-category-item{grid-template-columns:1fr 70px}.interview-category-bar{grid-column:1 / -1;order:3}.interview-category-score{text-align:right}.results-buttons,.error-actions{grid-template-columns:1fr}}.examen-page{min-height:100vh;padding:var(--space-8) var(--space-4);display:flex;flex-direction:column;background:var(--bg-app)}.examen-intro{max-width:480px;margin:var(--space-8) auto 0;display:flex;flex-direction:column;gap:var(--space-6)}.examen-header{text-align:center;margin-bottom:var(--space-2)}.examen-header h1{font-family:var(--font-family-display);font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2);letter-spacing:-.01em}.examen-header p{color:var(--text-secondary);font-size:var(--font-size-md)}.examen-stats{display:flex;justify-content:space-around;padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-default);box-shadow:var(--shadow-sm)}.examen-stats .stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);color:var(--text-secondary)}.examen-stats .stat-item svg{color:var(--civic-blue);margin-bottom:var(--space-1)}.examen-stats .stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.1}.examen-stats .stat-label{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.examen-rules{background:var(--bg-card);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border-default);box-shadow:var(--shadow-sm)}.examen-rules ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.examen-rules li{position:relative;padding-left:1.5rem;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.examen-rules li:before{content:"•";position:absolute;left:.25rem;color:var(--civic-blue);font-size:var(--font-size-lg);line-height:1}.examen-start{text-align:center;margin-top:var(--space-2)}.examen-start button{width:100%}:root{--app-bg: #FAF8F5;--surface: #FFFFFF;--ink: #0F1E36;--muted: #5F6B7E;--line: #EBE7E0;--civic-blue: #1D3D6F;--electric-blue: #3E608F;--xp-saffron: #D0A75C;--reward-gold: #C5A265;--progress-mint: #4A7A6E;--success-jade: #3C665C;--challenge-coral: #A84242;--sim-iris: #514B6B;--deep-violet: #3F395A;--deep-bg: #0C111D;--deep-surface: #151B26;--deep-card: #1D2432;--color-primary-50: #F4F6F9;--color-primary-100: #E7ECF3;--color-primary-200: #C2CFDF;--color-primary-300: #93A7C1;--color-primary-400: #5F7AA0;--color-primary-500: var(--civic-blue);--color-primary-600: #162E54;--color-primary-700: #0F203B;--color-primary-800: #0A1526;--color-primary-900: #050B13;--color-secondary-50: #FAF3F3;--color-secondary-100: #F3E2E2;--color-secondary-200: #E2BDBB;--color-secondary-300: #CE9290;--color-secondary-400: #B96663;--color-secondary-500: var(--challenge-coral);--color-secondary-600: #8E3535;--color-secondary-700: #742929;--color-secondary-800: #571C1C;--color-secondary-900: #3D0E0E;--color-accent-50: #FAF7EF;--color-accent-100: #F3EBD3;--color-accent-200: #E3D1A3;--color-accent-300: #D0B771;--color-accent-400: #C49F51;--color-accent-500: var(--xp-saffron);--color-accent-600: #A88241;--color-accent-700: #8C6A30;--color-accent-800: #6B4E1E;--color-accent-900: #4B3310;--color-success-50: #F3F7F5;--color-success-100: #E2ECE8;--color-success-200: #BED1CA;--color-success-300: #93B2A6;--color-success-400: #6B9487;--color-success-500: var(--progress-mint);--color-success-600: #3E645A;--color-success-700: #325048;--color-success-800: #253C36;--color-success-900: #172622;--color-warning-50: #FAF7EF;--color-warning-100: #F3EACF;--color-warning-200: #E3D09D;--color-warning-300: #D0B56A;--color-warning-400: #C49D4A;--color-warning-500: var(--reward-gold);--color-warning-600: #9E7D35;--color-warning-700: #826629;--color-warning-800: #634C1A;--color-warning-900: #453410;--color-error-50: #FAF3F3;--color-error-100: #F3E2E2;--color-error-200: #E2BDBB;--color-error-300: #CE9290;--color-error-400: #B96663;--color-error-500: var(--challenge-coral);--color-error-600: #8E3535;--color-error-700: #742929;--color-error-800: #571C1C;--color-error-900: #3D0E0E;--color-neutral-50: #FAF8F5;--color-neutral-100: #F4F0EA;--color-neutral-200: #E2DCD3;--color-neutral-300: #C7BEB1;--color-neutral-400: #9E9484;--color-neutral-500: #7A7061;--color-neutral-600: #5E5549;--color-neutral-700: #433D35;--color-neutral-800: #2C2822;--color-neutral-900: #171512;--iris-50: #F5F4FA;--iris-100: #E8E5F3;--iris-200: #CECADF;--iris-300: #ACA6C5;--iris-400: #847DA6;--iris-500: var(--sim-iris);--iris-600: #423C59;--iris-700: #36314A;--iris-800: #29243A;--iris-900: #1B1829;--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-display: "Playfair Display", "Georgia", serif;--font-size-xs: .72rem;--font-size-sm: .84rem;--font-size-md: .92rem;--font-size-base: .98rem;--font-size-lg: 1.1rem;--font-size-xl: 1.22rem;--font-size-2xl: 1.45rem;--font-size-3xl: 1.8rem;--font-size-4xl: 2.15rem;--line-height-tight: 1.22;--line-height-normal: 1.55;--line-height-relaxed: 1.8;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-2xl: 12px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgb(15 30 54 / .03);--shadow-sm: 0 1px 3px rgb(15 30 54 / .05), 0 1px 2px rgb(15 30 54 / .03);--shadow-md: 0 8px 20px -14px rgb(15 30 54 / .16), 0 2px 6px rgb(15 30 54 / .03);--shadow-lg: 0 14px 36px -22px rgb(15 30 54 / .2), 0 6px 14px -10px rgb(15 30 54 / .08);--shadow-xl: 0 22px 60px -28px rgb(15 30 54 / .24), 0 10px 24px -14px rgb(15 30 54 / .1);--shadow-focus: 0 0 0 3px rgb(29 61 111 / .16);--shadow-mission: 0 12px 32px -22px rgb(15 30 54 / .2), inset 0 1px 0 rgb(255 255 255 / .8);--shadow-reward: 0 12px 36px -20px rgb(197 162 101 / .35);--transition-fast: .12s ease;--transition-normal: .22s ease;--transition-slow: .32s ease;--motion-ease-out: cubic-bezier(.16, 1, .3, 1);--motion-ease-standard: cubic-bezier(.4, 0, .2, 1);--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400;--bg-app: var(--app-bg);--bg-canvas: var(--app-bg);--bg-surface-elevated: var(--surface);--bg-card: var(--surface);--bg-card-hover: #F6F4F0;--bg-input: var(--surface);--text-primary: var(--ink);--text-secondary: var(--muted);--text-tertiary: #7F8AA0;--border-default: var(--line);--border-hover: #D5CEC2;--border-strong: #C4BAA9;--border-color: var(--border-default);--focus-ring: var(--electric-blue);--link-color: var(--civic-blue);--glass-bg: rgb(255 255 255 / .9);--glass-border: rgb(235 231 224 / .8);--glass-blur: blur(12px);--mission-surface: #FFFFFF;--mission-surface-strong: #F6F4F0;--mission-line: #E2DCD3;--mission-official: var(--civic-blue);--mission-oral: var(--sim-iris);--mission-fast: var(--challenge-coral);--mission-study: var(--progress-mint);--mission-xp: var(--xp-saffron);--readiness-low: var(--challenge-coral);--readiness-medium: var(--xp-saffron);--readiness-high: var(--progress-mint);--readiness-track: #EFECE6;--xp-color: var(--xp-saffron);--xp-color-strong: #A88241;--xp-gradient: linear-gradient(90deg, #C5A265 0%, #E3D1A3 60%, #4A7A6E 100%);--success-gradient: linear-gradient(90deg, #4A7A6E 0%, #3C665C 100%);--danger-gradient: linear-gradient(90deg, #C46363 0%, #A84242 100%);--primary-gradient: linear-gradient(135deg, #1D3D6F 0%, #3E608F 100%);--badge-bronze: #A85A35;--badge-bronze-surface: #FAF2EE;--badge-bronze-line: #E5CDCE;--badge-silver: #5E697F;--badge-silver-surface: #F2F5F8;--badge-silver-line: #C5CFD9;--badge-gold: var(--reward-gold);--badge-gold-surface: #FAF6EF;--badge-gold-line: #E3D0A3;--badge-platinum: var(--sim-iris);--badge-platinum-surface: #F4F3F7;--badge-platinum-line: #CEC8DF;--deep-text: #F3F5F8;--deep-muted: #9BA4B5;--deep-line: rgb(155 164 181 / .15)}[data-theme=dark]{--app-bg: #0B0E14;--surface: #121721;--ink: #EDF1F7;--muted: #8E9BAE;--line: #222938;--bg-app: var(--app-bg);--bg-canvas: var(--app-bg);--bg-surface-elevated: #161D2B;--bg-card: #121721;--bg-card-hover: #1B2233;--bg-input: #0E121B;--text-primary: var(--ink);--text-secondary: var(--muted);--text-tertiary: #6E798A;--border-default: var(--line);--border-hover: #333D52;--border-strong: #44516B;--border-color: var(--border-default);--glass-bg: rgb(18 23 33 / .9);--glass-border: rgb(51 61 82 / .4);--mission-surface: #121721;--mission-surface-strong: #171E2E;--mission-line: #242E44;--readiness-track: #1C2333;--badge-bronze-surface: rgb(168 90 53 / .12);--badge-bronze-line: rgb(229 205 206 / .2);--badge-silver-surface: rgb(94 105 127 / .16);--badge-silver-line: rgb(197 207 217 / .2);--badge-gold-surface: rgb(197 162 101 / .12);--badge-gold-line: rgb(227 208 163 / .22);--badge-platinum-surface: rgb(81 75 107 / .14);--badge-platinum-line: rgb(206 200 223 / .22);--shadow-xs: 0 1px 2px rgb(0 0 0 / .35);--shadow-sm: 0 1px 3px rgb(0 0 0 / .4);--shadow-md: 0 12px 28px -18px rgb(0 0 0 / .8);--shadow-lg: 0 18px 44px -24px rgb(0 0 0 / .85);--shadow-xl: 0 26px 70px -28px rgb(0 0 0 / .9);--shadow-focus: 0 0 0 3px rgb(29 61 111 / .3);--color-primary-50: #162E54;--color-primary-700: #EDF1F7;--color-primary-200: #222938;--color-success-50: rgb(74 122 110 / .12);--color-success-200: rgb(147 178 166 / .2)}.simulator-theme,.interview-simulator{--app-bg: var(--deep-bg);--surface: var(--deep-surface);--ink: var(--deep-text);--muted: var(--deep-muted);--line: var(--deep-line);--bg-app: var(--deep-bg);--bg-canvas: var(--deep-bg);--bg-surface-elevated: var(--deep-surface);--bg-card: var(--deep-card);--bg-card-hover: #222B3D;--bg-input: #0E121B;--text-primary: var(--deep-text);--text-secondary: var(--deep-muted);--text-tertiary: #6E798A;--border-default: var(--deep-line);--border-hover: rgb(81 75 107 / .45);--border-color: var(--border-default);--glass-bg: rgb(21 27 38 / .9);--glass-border: rgb(155 164 181 / .15)}.pricing-page{min-height:100vh;background:var(--bg-app);color:var(--text-primary);font-family:var(--font-family-sans)}.pricing-container{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:64px 0 72px}.pricing-header{max-width:760px;margin:0 auto 28px;text-align:center}.pricing-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;color:var(--sim-iris);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.pricing-title{margin:0;color:var(--ink);font-family:var(--font-family-display);font-size:clamp(2rem,5vw,3.15rem);font-weight:700;line-height:1.08}.pricing-subtitle{margin:18px auto 0;max-width:680px;color:var(--muted);font-size:1.03rem;line-height:1.7}.pricing-free-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 auto 28px;padding:18px 20px;max-width:900px;border:1px solid var(--line);border-radius:var(--radius-2xl);background:var(--surface);box-shadow:var(--shadow-sm)}.pricing-free-panel div{display:flex;flex-direction:column;gap:4px}.pricing-free-panel strong{color:var(--ink);font-size:1rem}.pricing-free-panel span{color:var(--muted);font-size:.92rem;line-height:1.55}.pricing-free-panel svg{flex:0 0 auto;color:var(--progress-mint)}.pricing-error{max-width:760px;margin:0 auto 24px;padding:12px 14px;border:1px solid rgb(168 66 66 / .22);border-radius:var(--radius-xl);background:#a8424214;color:var(--challenge-coral);font-size:.92rem;font-weight:600}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.pricing-card{position:relative;display:flex;min-height:100%;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:var(--radius-2xl);background:var(--surface);box-shadow:var(--shadow-md)}.pricing-card.recommended{border-color:#d0a75c94;box-shadow:var(--shadow-lg),var(--shadow-reward)}.pricing-card.selected{border-color:var(--civic-blue);box-shadow:0 0 0 2px #1d3d6f1f,var(--shadow-lg)}.pricing-badge{position:absolute;top:14px;right:14px;padding:5px 9px;border-radius:var(--radius-full);background:#d0a75c24;color:#7b5c22;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.plan-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.plan-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:var(--radius-xl);background:#514b6b1a;color:var(--sim-iris)}.plan-duration{color:var(--muted);font-size:.84rem;font-weight:700}.plan-name{margin:0;color:var(--ink);font-family:var(--font-family-display);font-size:1.55rem;font-weight:700;line-height:1.15}.plan-description{min-height:54px;margin:10px 0 0;color:var(--muted);font-size:.92rem;line-height:1.55}.price-row{display:flex;flex-direction:column;gap:5px;margin:22px 0}.price-amount{color:var(--ink);font-size:2rem;font-weight:800;line-height:1}.price-duration-text{color:var(--muted);font-size:.86rem;font-weight:700}.quota-list{display:grid;gap:10px;margin-bottom:20px;padding:14px;border-radius:var(--radius-xl);background:#1d3d6f0f}.quota-item{display:flex;align-items:flex-start;gap:9px;color:var(--ink);font-size:.88rem;line-height:1.45}.quota-item svg{flex:0 0 auto;margin-top:1px;color:var(--civic-blue)}.features-list{display:flex;flex:1;flex-direction:column;gap:10px;margin:0 0 24px;padding:0;list-style:none}.features-list li{display:flex;align-items:flex-start;gap:9px;color:var(--muted);font-size:.9rem;line-height:1.45}.features-list svg{flex:0 0 auto;margin-top:2px;color:var(--progress-mint)}.pricing-btn{width:100%;justify-content:center;min-height:48px}.pricing-btn.recommended{background:var(--civic-blue)}.secure-text{margin:12px 0 0;color:var(--muted);font-size:.78rem;text-align:center}@media(max-width:980px){.pricing-grid{grid-template-columns:1fr;max-width:620px;margin:0 auto}.plan-description{min-height:auto}}@media(max-width:640px){.pricing-container{width:min(100% - 24px,1180px);padding:40px 0 48px}.pricing-free-panel{align-items:flex-start}.pricing-card{padding:20px}}