:root{--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-primary-soft: #eef2ff;--color-primary-text: #312e81;--color-success: #10b981;--color-success-soft: #d1fae5;--color-success-text: #065f46;--color-danger: #ef4444;--color-danger-soft: #fee2e2;--color-danger-text: #991b1b;--color-warning: #f59e0b;--color-warning-soft: #fef3c7;--color-warning-text: #92400e;--color-info: #06b6d4;--color-bg: #f9fafb;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-text: #0f172a;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-full: 999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 2px 4px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08), 0 2px 4px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 24px rgba(15, 23, 42, .1), 0 4px 8px rgba(15, 23, 42, .05);--shadow-xl: 0 24px 48px rgba(15, 23, 42, .14);--max-width: 1100px;--header-h: 64px;--bottom-nav-h: 64px;--t-fast: .12s cubic-bezier(.4, 0, .2, 1);--t-base: .2s cubic-bezier(.4, 0, .2, 1);--t-slow: .32s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.55;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{display:block;max-width:100%}button{font-family:inherit;font-size:inherit}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{line-height:1.2;letter-spacing:-.01em;color:var(--color-text)}h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}h2{font-size:clamp(1.4rem,3vw,1.875rem);font-weight:700}h3{font-size:1.25rem;font-weight:600}h4{font-size:1.05rem;font-weight:600}p{color:var(--color-text-secondary)}.app-shell{min-height:100%;padding-bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom))}@media (min-width: 768px){.app-shell{padding-bottom:0}}.container{max-width:var(--max-width);margin:0 auto;padding:var(--sp-6) var(--sp-4)}@media (min-width: 768px){.container{padding:var(--sp-8) var(--sp-6)}}.stack>*+*{margin-top:var(--sp-4)}.stack-lg>*+*{margin-top:var(--sp-6)}.header{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:50;height:var(--header-h)}.header-content{max-width:var(--max-width);margin:0 auto;padding:0 var(--sp-4);height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.logo{font-size:1.125rem;font-weight:800;color:var(--color-primary);text-decoration:none;letter-spacing:-.02em;display:flex;align-items:center;gap:var(--sp-2)}.logo:hover{text-decoration:none}.logo-mark{width:28px;height:28px;background:linear-gradient(135deg,var(--color-primary),#6366f1);border-radius:var(--r-sm);color:#fff;display:grid;place-items:center;font-size:.85rem;font-weight:800}.nav-desktop{display:none;align-items:center;gap:var(--sp-4)}@media (min-width: 768px){.nav-desktop{display:flex}}.nav-desktop a{color:var(--color-text-secondary);font-size:.9rem;font-weight:500;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);transition:var(--t-fast)}.nav-desktop a:hover{color:var(--color-text);background:var(--color-bg);text-decoration:none}.nav-desktop a.active{color:var(--color-primary);background:var(--color-primary-soft)}.user-chip{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--color-bg);border-radius:var(--r-full);font-size:.85rem;font-weight:500}.user-avatar{width:24px;height:24px;background:var(--color-primary);color:#fff;border-radius:50%;display:grid;place-items:center;font-size:.7rem;font-weight:700}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;z-index:40;padding-bottom:env(safe-area-inset-bottom)}@media (min-width: 768px){.bottom-nav{display:none}}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--sp-2);color:var(--color-text-muted);font-size:.7rem;font-weight:500;text-decoration:none;height:var(--bottom-nav-h)}.bottom-nav a.active{color:var(--color-primary)}.bottom-nav-icon{width:22px;height:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-radius:var(--r-md);font-size:.95rem;font-weight:600;border:1px solid transparent;background:transparent;cursor:pointer;text-decoration:none;transition:var(--t-fast);min-height:44px;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:hover{text-decoration:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 1px #ffffff1a inset,var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-primary-soft);color:var(--color-primary)}.btn-secondary:hover:not(:disabled){background:#e0e7ff}.btn-outline{border-color:var(--color-border);color:var(--color-text);background:var(--color-surface)}.btn-outline:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}.btn-ghost{color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-bg);color:var(--color-text)}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background:#059669}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-sm{padding:var(--sp-2) var(--sp-3);font-size:.85rem;min-height:36px}.btn-lg{padding:var(--sp-4) var(--sp-6);font-size:1.05rem;min-height:52px}.btn-block{width:100%}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--shadow-xs);transition:var(--t-base)}.card:hover{box-shadow:var(--shadow-sm)}.card-elevated{box-shadow:var(--shadow-md);border:none}.card-pad-lg{padding:var(--sp-8)}.card-clickable{cursor:pointer;transition:var(--t-base)}.card-clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.field{display:block;margin-bottom:var(--sp-4)}.field-label{display:block;margin-bottom:var(--sp-2);font-size:.875rem;font-weight:600;color:var(--color-text)}.field-hint{margin-top:var(--sp-1);font-size:.8rem;color:var(--color-text-muted)}.input,input[type=text],input[type=email],input[type=password],input[type=search],textarea,select{width:100%;padding:var(--sp-3) var(--sp-4);border:1px solid var(--color-border);border-radius:var(--r-md);font-size:1rem;font-family:inherit;background:var(--color-surface);color:var(--color-text);transition:var(--t-fast);min-height:48px}.input:focus,input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4f46e526}textarea{min-height:100px;resize:vertical}.input-password{position:relative;display:flex;align-items:center}.input-password input{padding-right:3rem}.input-password-toggle{position:absolute;right:var(--sp-2);background:transparent;border:0;cursor:pointer;padding:var(--sp-2);color:var(--color-text-muted);display:grid;place-items:center;border-radius:var(--r-sm)}.input-password-toggle:hover{color:var(--color-text);background:var(--color-bg)}.alert{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);font-size:.9rem;margin-bottom:var(--sp-4);display:flex;align-items:flex-start;gap:var(--sp-2)}.alert-error{background:var(--color-danger-soft);color:var(--color-danger-text);border:1px solid #fecaca}.alert-success{background:var(--color-success-soft);color:var(--color-success-text);border:1px solid #a7f3d0}.alert-info{background:#e0f2fe;color:#075985;border:1px solid #bae6fd}.alert-warning{background:var(--color-warning-soft);color:var(--color-warning-text);border:1px solid #fde68a}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);background:var(--color-bg);color:var(--color-text-secondary);border-radius:var(--r-full);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge-primary{background:var(--color-primary-soft);color:var(--color-primary-text)}.badge-success{background:var(--color-success-soft);color:var(--color-success-text)}.badge-danger{background:var(--color-danger-soft);color:var(--color-danger-text)}.badge-warning{background:var(--color-warning-soft);color:var(--color-warning-text)}.skeleton{background:linear-gradient(90deg,var(--color-border) 0%,#f1f5f9 50%,var(--color-border) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--r-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-line{height:16px}.skeleton-card{height:120px}.hero{text-align:center;padding:var(--sp-12) 0 var(--sp-8)}.hero-eyebrow{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--color-primary-soft);color:var(--color-primary-text);border-radius:var(--r-full);font-size:.85rem;font-weight:600;margin-bottom:var(--sp-4)}.hero h1{font-size:clamp(2rem,6vw,3.25rem);font-weight:800;letter-spacing:-.02em;margin-bottom:var(--sp-4);background:linear-gradient(135deg,var(--color-text) 0%,var(--color-primary) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:clamp(1rem,2.5vw,1.2rem);color:var(--color-text-secondary);max-width:620px;margin:0 auto var(--sp-8)}.hero-actions{display:flex;gap:var(--sp-3);justify-content:center;flex-wrap:wrap}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4);max-width:600px;margin:var(--sp-10) auto 0}.hero-stat{text-align:center}.hero-stat-value{font-size:clamp(1.5rem,4vw,2rem);font-weight:800;color:var(--color-primary)}.hero-stat-label{font-size:.85rem;color:var(--color-text-secondary)}.section-features{padding:var(--sp-10) 0}.section-title{text-align:center;margin-bottom:var(--sp-8)}.section-title h2{margin-bottom:var(--sp-2)}.section-title p{max-width:560px;margin:0 auto}.feature-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-4)}@media (min-width: 768px){.feature-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{padding:var(--sp-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg)}.feature-icon{width:44px;height:44px;border-radius:var(--r-md);background:var(--color-primary-soft);color:var(--color-primary);display:grid;place-items:center;font-size:1.4rem;margin-bottom:var(--sp-3)}.auth-page{min-height:calc(100vh - var(--header-h) - var(--bottom-nav-h));display:flex;align-items:center;justify-content:center;padding:var(--sp-4)}.auth-card{width:100%;max-width:420px;background:var(--color-surface);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);padding:var(--sp-8)}.auth-header{text-align:center;margin-bottom:var(--sp-6)}.auth-header h2{margin-bottom:var(--sp-2)}.auth-header p{font-size:.9rem}.auth-footer{margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:1px solid var(--color-border);text-align:center;font-size:.9rem;color:var(--color-text-secondary)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-3);margin-bottom:var(--sp-6)}.page-header-text h1{margin-bottom:var(--sp-1)}.page-header-text p{font-size:.95rem}.greeting{font-size:clamp(1.4rem,4vw,1.75rem);font-weight:700;margin-bottom:var(--sp-1)}.greeting-sub{font-size:.95rem}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3);margin-bottom:var(--sp-6)}@media (min-width: 768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{padding:var(--sp-4);background:var(--color-surface);border-radius:var(--r-lg);border:1px solid var(--color-border)}.stat-card-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-weight:600;margin-bottom:var(--sp-2)}.stat-card-value{font-size:1.75rem;font-weight:800;line-height:1;color:var(--color-text)}.stat-card-trend{margin-top:var(--sp-1);font-size:.8rem;color:var(--color-text-secondary)}.action-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-3);margin-bottom:var(--sp-8)}@media (min-width: 640px){.action-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.action-grid{grid-template-columns:repeat(3,1fr)}}.action-card{padding:var(--sp-5);background:var(--color-surface);border-radius:var(--r-lg);border:1px solid var(--color-border);display:flex;align-items:center;gap:var(--sp-4);text-decoration:none;color:inherit;transition:var(--t-base)}.action-card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.action-card-icon{width:48px;height:48px;flex-shrink:0;border-radius:var(--r-md);display:grid;place-items:center;font-size:1.4rem;background:var(--color-primary-soft);color:var(--color-primary)}.action-card-icon.success{background:var(--color-success-soft);color:var(--color-success-text)}.action-card-icon.warning{background:var(--color-warning-soft);color:var(--color-warning-text)}.action-card-text h3{margin-bottom:2px;font-size:1rem}.action-card-text p{font-size:.85rem}.section{margin-bottom:var(--sp-8)}.section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--sp-4);flex-wrap:wrap;gap:var(--sp-2)}.chapter-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-3)}@media (min-width: 640px){.chapter-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.chapter-grid{grid-template-columns:repeat(3,1fr)}}.chapter-card{display:block;padding:var(--sp-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);text-decoration:none;color:inherit;transition:var(--t-base)}.chapter-card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.chapter-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-2);margin-bottom:var(--sp-2)}.chapter-card h3{font-size:1.05rem;margin:0}.chapter-card p{font-size:.85rem;margin-bottom:var(--sp-3)}.chapter-mastery-bar{height:6px;background:var(--color-border);border-radius:var(--r-full);overflow:hidden;margin-bottom:var(--sp-2)}.chapter-mastery-fill{height:100%;background:linear-gradient(90deg,var(--color-success),#059669);border-radius:var(--r-full);transition:width .6s ease}.chapter-mastery-text{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-muted)}.quiz-container{max-width:720px;margin:0 auto}.quiz-progress-bar{height:8px;background:var(--color-border);border-radius:var(--r-full);overflow:hidden;margin-bottom:var(--sp-4)}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),#6366f1);border-radius:var(--r-full);transition:width .35s ease}.quiz-meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--color-text-secondary);margin-bottom:var(--sp-4)}.quiz-question-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);padding:var(--sp-6);margin-bottom:var(--sp-4);box-shadow:var(--shadow-xs)}.quiz-question-text{font-size:1.15rem;font-weight:600;color:var(--color-text);line-height:1.5}.quiz-grave-warning{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--color-warning-soft);color:var(--color-warning-text);border-radius:var(--r-sm);font-size:.8rem;font-weight:600;margin-bottom:var(--sp-3)}.choices{display:flex;flex-direction:column;gap:var(--sp-3);margin-bottom:var(--sp-5)}.choice{text-align:left;padding:var(--sp-4);border:2px solid var(--color-border);border-radius:var(--r-md);background:var(--color-surface);cursor:pointer;font-size:.95rem;font-weight:500;color:var(--color-text);transition:var(--t-fast);display:flex;align-items:center;gap:var(--sp-3);position:relative}.choice:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-soft)}.choice:disabled{cursor:default}.choice-letter{width:28px;height:28px;border-radius:50%;background:var(--color-bg);display:grid;place-items:center;font-size:.8rem;font-weight:700;color:var(--color-text-secondary);flex-shrink:0}.choice.is-selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.choice.is-selected .choice-letter{background:var(--color-primary);color:#fff}.choice.is-correct{border-color:var(--color-success);background:var(--color-success-soft);color:var(--color-success-text);animation:pulse-success .35s ease}.choice.is-correct .choice-letter{background:var(--color-success);color:#fff}.choice.is-incorrect{border-color:var(--color-danger);background:var(--color-danger-soft);color:var(--color-danger-text);animation:shake .35s ease}.choice.is-incorrect .choice-letter{background:var(--color-danger);color:#fff}@keyframes pulse-success{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.feedback-card{background:var(--color-surface);border-radius:var(--r-lg);padding:var(--sp-5);margin-bottom:var(--sp-4);border-left:4px solid var(--color-success);animation:slide-up .32s ease}.feedback-card.is-incorrect{border-left-color:var(--color-danger)}.feedback-title{display:flex;align-items:center;gap:var(--sp-2);font-weight:700;font-size:1rem;margin-bottom:var(--sp-2);color:var(--color-success-text)}.feedback-card.is-incorrect .feedback-title{color:var(--color-danger-text)}.feedback-explanation{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6}@keyframes slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.quiz-nav{display:flex;gap:var(--sp-3);justify-content:flex-end}.flashcard-page{max-width:580px;margin:0 auto}.flashcard-stage{perspective:1500px;margin:var(--sp-6) 0}.flashcard{position:relative;width:100%;min-height:280px;cursor:pointer;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.flashcard.is-flipped{transform:rotateY(180deg)}.flashcard-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--color-surface);border-radius:var(--r-xl);box-shadow:var(--shadow-md);padding:var(--sp-6);display:flex;flex-direction:column;justify-content:center}.flashcard-face-back{transform:rotateY(180deg)}.flashcard-eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-weight:600;margin-bottom:var(--sp-3);text-align:center}.flashcard-question{font-size:1.1rem;font-weight:500;color:var(--color-text);line-height:1.5;text-align:center}.flashcard-tap-hint{margin-top:var(--sp-6);font-size:.8rem;color:var(--color-text-muted);text-align:center}.flashcard-answer{display:flex;flex-direction:column;gap:var(--sp-2)}.flashcard-choice{padding:var(--sp-3);border-radius:var(--r-sm);font-size:.9rem;background:var(--color-bg);color:var(--color-text-secondary)}.flashcard-choice.is-correct{background:var(--color-success-soft);color:var(--color-success-text);font-weight:600}.flashcard-actions{display:flex;gap:var(--sp-3);margin-top:var(--sp-5)}.flashcard-actions .btn{flex:1}.leitner-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--sp-1);margin-bottom:var(--sp-4)}.leitner-box{height:8px;border-radius:var(--r-sm);background:var(--color-border)}.leitner-box.box-1{background:#fde68a}.leitner-box.box-2{background:#93c5fd}.leitner-box.box-3{background:#818cf8}.leitner-box.box-4{background:#a78bfa}.leitner-box.box-5{background:var(--color-success)}.leitner-legend{display:flex;justify-content:space-between;font-size:.7rem;color:var(--color-text-muted)}.exam-intro{max-width:560px;margin:0 auto;text-align:center;padding:var(--sp-8) var(--sp-4)}.exam-intro h1{margin-bottom:var(--sp-3)}.exam-rules-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);padding:var(--sp-6);margin:var(--sp-6) 0;text-align:left}.exam-rules-card h3{font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--sp-3)}.exam-rules-list{list-style:none;display:flex;flex-direction:column;gap:var(--sp-2)}.exam-rules-list li{display:flex;align-items:center;gap:var(--sp-2);font-size:.95rem}.exam-rules-list li:before{content:"✓";color:var(--color-success);font-weight:700}.exam-page{max-width:760px;margin:0 auto}.exam-bar{position:sticky;top:var(--header-h);background:var(--color-bg);z-index:30;padding:var(--sp-3) 0;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-4);border-bottom:1px solid var(--color-border)}.exam-timer{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-md);font-variant-numeric:tabular-nums;font-weight:700;font-size:1rem}.exam-timer.is-warning{color:var(--color-warning-text);border-color:var(--color-warning)}.exam-timer.is-critical{color:var(--color-danger-text);border-color:var(--color-danger)}.exam-progress-text{font-size:.85rem;color:var(--color-text-secondary);font-weight:500}.exam-question{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);padding:var(--sp-6);margin-bottom:var(--sp-4)}.exam-nav{display:flex;gap:var(--sp-2);justify-content:space-between;margin-top:var(--sp-4)}.exam-grid-overview{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--sp-4);padding:var(--sp-3);background:var(--color-surface);border-radius:var(--r-md);border:1px solid var(--color-border)}.exam-pill{width:28px;height:28px;border-radius:var(--r-sm);border:1px solid var(--color-border);background:var(--color-surface);font-size:.7rem;font-weight:600;cursor:pointer;transition:var(--t-fast);color:var(--color-text-muted)}.exam-pill.is-active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.exam-pill.is-answered{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary-text)}.exam-pill.is-active.is-answered{background:var(--color-primary);color:#fff}.result-page{max-width:760px;margin:0 auto}.result-hero{text-align:center;padding:var(--sp-8) var(--sp-4);background:var(--color-surface);border-radius:var(--r-xl);border:1px solid var(--color-border);margin-bottom:var(--sp-6)}.result-hero.is-passed{border-color:var(--color-success);background:var(--color-success-soft)}.result-hero.is-failed{border-color:var(--color-danger);background:var(--color-danger-soft)}.result-emoji{font-size:3rem;margin-bottom:var(--sp-2)}.result-title{font-size:1.5rem;margin-bottom:var(--sp-2)}.result-score{font-size:clamp(2.5rem,8vw,4rem);font-weight:800;line-height:1}.result-meta{display:flex;gap:var(--sp-6);justify-content:center;margin-top:var(--sp-4);flex-wrap:wrap}.result-meta-item{text-align:center}.result-meta-value{font-size:1.2rem;font-weight:700}.result-meta-label{font-size:.75rem;text-transform:uppercase;color:var(--color-text-muted)}.result-detail-list{display:flex;flex-direction:column;gap:var(--sp-3)}.result-detail{background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-success);border-radius:var(--r-md);padding:var(--sp-4)}.result-detail.is-incorrect{border-left-color:var(--color-danger)}.result-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-3);margin-bottom:var(--sp-2)}.result-detail-question{font-weight:600;font-size:.95rem}.result-detail-answer{font-size:.85rem;color:var(--color-text-secondary);margin-top:var(--sp-2)}.result-detail-answer strong{color:var(--color-text)}.result-detail-explanation{margin-top:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--color-bg);border-radius:var(--r-sm);font-size:.85rem;color:var(--color-text-secondary);font-style:italic}.theory-page{max-width:760px;margin:0 auto}.theory-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);padding:var(--sp-6);line-height:1.7}.theory-content section+section{margin-top:var(--sp-6)}.theory-content h2{font-size:1.25rem;margin-bottom:var(--sp-3);color:var(--color-primary-text);padding-bottom:var(--sp-2);border-bottom:1px solid var(--color-border)}.theory-content ul,.theory-content ol{padding-left:var(--sp-5);margin:var(--sp-3) 0}.theory-content li{margin-bottom:var(--sp-2)}.theory-content p{margin-bottom:var(--sp-3)}.theory-content table{width:100%;border-collapse:collapse;margin:var(--sp-3) 0;font-size:.9rem}.theory-content th,.theory-content td{padding:var(--sp-2) var(--sp-3);border:1px solid var(--color-border);text-align:left}.theory-content th{background:var(--color-bg);font-weight:600}.theory-content strong{color:var(--color-text)}.pricing-page{text-align:center}.pricing-page h1{margin-bottom:var(--sp-2)}.pricing-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-4);max-width:960px;margin:var(--sp-8) auto 0}@media (min-width: 768px){.pricing-grid{grid-template-columns:repeat(3,1fr)}}.pricing-card{text-align:left;padding:var(--sp-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);position:relative;display:flex;flex-direction:column}.pricing-card.is-featured{border:2px solid var(--color-primary);box-shadow:var(--shadow-md)}.pricing-card-badge{position:absolute;top:-12px;right:var(--sp-4);padding:var(--sp-1) var(--sp-3);background:var(--color-primary);color:#fff;border-radius:var(--r-full);font-size:.75rem;font-weight:700}.pricing-card h3{margin-bottom:var(--sp-1)}.pricing-card-tagline{font-size:.85rem;margin-bottom:var(--sp-4)}.pricing-price{display:flex;align-items:baseline;gap:var(--sp-1);margin-bottom:var(--sp-4)}.pricing-price-amount{font-size:2.5rem;font-weight:800;color:var(--color-text)}.pricing-price-currency{font-size:1.2rem;font-weight:700;color:var(--color-text)}.pricing-price-period{font-size:.85rem;color:var(--color-text-secondary)}.pricing-features{list-style:none;flex:1;margin-bottom:var(--sp-5)}.pricing-features li{padding:var(--sp-2) 0;display:flex;align-items:flex-start;gap:var(--sp-2);font-size:.9rem}.pricing-features li:before{content:"✓";color:var(--color-success);font-weight:700;flex-shrink:0}.empty-state{text-align:center;padding:var(--sp-12) var(--sp-4)}.empty-state-icon{width:64px;height:64px;background:var(--color-primary-soft);border-radius:50%;display:grid;place-items:center;margin:0 auto var(--sp-4);font-size:1.6rem}.empty-state h3{margin-bottom:var(--sp-2)}.empty-state p{max-width:380px;margin:0 auto var(--sp-5)}.toast{position:fixed;bottom:calc(var(--bottom-nav-h) + var(--sp-4) + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:var(--color-text);color:#fff;padding:var(--sp-3) var(--sp-5);border-radius:var(--r-full);box-shadow:var(--shadow-lg);font-size:.9rem;font-weight:500;z-index:100;animation:toast-in .25s ease}@media (min-width: 768px){.toast{bottom:var(--sp-6)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);z-index:90;animation:fade-in .2s ease}.modal{background:var(--color-surface);border-radius:var(--r-xl);box-shadow:var(--shadow-xl);padding:var(--sp-6);width:100%;max-width:480px;animation:scale-in .25s cubic-bezier(.4,0,.2,1)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.admin-page{max-width:1100px;margin:0 auto}.admin-toolbar{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center;margin-bottom:var(--sp-4)}.admin-table{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);overflow:hidden}.admin-table-row{display:grid;grid-template-columns:1fr auto;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--color-border);align-items:center}.admin-table-row:last-child{border-bottom:0}.admin-question-text{font-size:.9rem}.admin-question-meta{font-size:.75rem;color:var(--color-text-muted);margin-top:2px}.admin-actions{display:flex;gap:var(--sp-2)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.flex{display:flex;gap:var(--sp-3);align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3)}.mt-2{margin-top:var(--sp-2)}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.mb-4{margin-bottom:var(--sp-4)}.hidden-mobile{display:none}@media (min-width: 768px){.hidden-mobile{display:initial}}.hidden-desktop{display:initial}@media (min-width: 768px){.hidden-desktop{display:none}}