:root{--color-white:#fff;--color-black:#000;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-indigo-50:#eef2ff;--color-indigo-100:#e0e7ff;--color-indigo-200:#c7d2fe;--color-indigo-300:#a5b4fc;--color-indigo-400:#818cf8;--color-indigo-500:#6366f1;--color-indigo-600:#4f46e5;--color-indigo-700:#4338ca;--color-purple-600:#9333ea;--color-purple-700:#7e22ce;--color-emerald-50:#ecfdf5;--color-emerald-100:#d1fae5;--color-emerald-200:#a7f3d0;--color-emerald-300:#6ee7b7;--color-emerald-400:#34d399;--color-emerald-500:#10b981;--color-emerald-600:#059669;--color-emerald-700:#047857;--color-emerald-800:#065f46;--color-amber-50:#fffbeb;--color-amber-100:#fef3c7;--color-amber-200:#fde68a;--color-amber-300:#fcd34d;--color-amber-400:#fbbf24;--color-amber-500:#f59e0b;--color-amber-600:#d97706;--color-amber-700:#b45309;--color-amber-800:#92400e;--color-red-50:#fef2f2;--color-red-100:#fee2e2;--color-red-200:#fecaca;--color-red-300:#fca5a5;--color-red-400:#f87171;--color-red-500:#ef4444;--color-red-600:#dc2626;--color-red-700:#b91c1c;--color-red-800:#991b1b;--color-code-bg:#1e293b;--color-code-text:#e879f9;--color-code-answer:#7c3aed;--color-bg:var(--color-slate-50);--color-text:var(--color-slate-900);--color-text-muted:var(--color-slate-500);--color-text-light:var(--color-slate-600);--color-border:var(--color-slate-200);--color-border-light:var(--color-slate-100);--color-primary:var(--color-indigo-600);--color-primary-hover:var(--color-indigo-700);--color-primary-light:var(--color-indigo-50);--color-primary-border:var(--color-indigo-500);--color-easy:var(--color-emerald-500);--color-easy-bg:var(--color-emerald-50);--color-easy-text:var(--color-emerald-700);--color-easy-border:var(--color-emerald-200);--color-medium:var(--color-amber-500);--color-medium-bg:var(--color-amber-50);--color-medium-text:var(--color-amber-700);--color-medium-border:var(--color-amber-200);--color-hard:var(--color-red-500);--color-hard-bg:var(--color-red-50);--color-hard-text:var(--color-red-700);--color-hard-border:var(--color-red-200);--color-success:var(--color-emerald-500);--color-success-bg:var(--color-emerald-50);--color-success-text:var(--color-emerald-800);--color-warning:var(--color-amber-500);--color-warning-bg:var(--color-amber-50);--color-warning-text:var(--color-amber-800);--color-danger:var(--color-red-500);--color-danger-bg:var(--color-red-50);--color-danger-text:var(--color-red-800)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html{-webkit-font-smoothing:antialiased}body,html{height:100%}body{background-color:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.site-wrapper{min-height:100%}.navbar{background-color:var(--color-white);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.navbar__inner{display:flex;height:4rem;justify-content:space-between;margin:0 auto;max-width:56rem;padding:0 1rem}.navbar__logo{align-items:center;color:var(--color-text);display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;transition:color .15s}.navbar__logo:hover{color:var(--color-primary)}.navbar__logout{align-items:center;color:var(--color-text-muted);display:flex;font-size:.875rem;gap:.375rem;transition:color .15s}.navbar__logout:hover{color:var(--color-text)}.navbar__logout svg{height:1rem;width:1rem}.main-content{margin:0 auto;max-width:56rem;padding:2rem 1rem}.breadcrumb{align-items:center;color:var(--color-text-muted);display:flex;font-size:.875rem;gap:.5rem}.breadcrumb__link{transition:color .15s}.breadcrumb__link:hover{color:var(--color-primary)}.breadcrumb__separator{flex-shrink:0;height:1rem;width:1rem}.breadcrumb__current{color:var(--color-text);font-weight:500}.card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:.75rem;overflow:hidden}.card__header{background-color:var(--color-bg);border-bottom:1px solid var(--color-border-light);padding:1.5rem}.card__header--gradient{background:linear-gradient(to right,var(--color-indigo-500),var(--color-purple-600));border-bottom:none}.card__header--gradient h1{color:var(--color-white)}.card__header--gradient .card__meta,.card__header--gradient p{color:var(--color-indigo-200)}.card__body{padding:1.5rem}.card__footer{background-color:var(--color-bg);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.5rem}@media (min-width:640px){.card__footer{flex-direction:row}.card__footer>*{flex:1}}.card__title{color:var(--color-text);font-size:1.25rem;font-weight:700}.card__subtitle{color:var(--color-text-light);margin-top:.5rem}.card__meta{color:var(--color-text-muted);font-size:.875rem;margin-top:.75rem}.btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;line-height:1.5;padding:.75rem 1.5rem;text-decoration:none;transition:all .15s}.btn--primary{background-color:var(--color-primary);color:var(--color-white)}.btn--primary:hover{background-color:var(--color-primary-hover)}.btn--primary:focus{box-shadow:0 0 0 2px var(--color-white),0 0 0 4px var(--color-primary);outline:none}.btn--gradient{background:linear-gradient(to right,var(--color-primary),var(--color-purple-600));color:var(--color-white)}.btn--gradient:hover{background:linear-gradient(to right,var(--color-primary-hover),var(--color-purple-700))}.btn--gradient:focus{box-shadow:0 0 0 2px var(--color-white),0 0 0 4px var(--color-primary);outline:none}.btn--secondary{background-color:var(--color-white);border:1px solid var(--color-slate-300);color:var(--color-slate-700)}.btn--secondary:hover{background-color:var(--color-bg)}.btn--block{width:100%}.btn--lg{padding:1rem 1.5rem}.btn .icon,.icon{flex-shrink:0;height:1.25rem;width:1.25rem}.icon--sm{height:1rem;width:1rem}.icon--lg{height:1.5rem;width:1.5rem}.icon--xl{height:2rem;width:2rem}.badge{align-items:center;border:1px solid transparent;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;padding:.375rem 1rem}.badge--easy{background-color:var(--color-easy-bg);border-color:var(--color-easy-border);color:var(--color-easy-text)}.badge--medium{background-color:var(--color-medium-bg);border-color:var(--color-medium-border);color:var(--color-medium-text)}.badge--hard{background-color:var(--color-hard-bg);border-color:var(--color-hard-border);color:var(--color-hard-text)}.badge--category{background-color:var(--color-indigo-50);border-color:var(--color-indigo-100);color:var(--color-indigo-700)}.badge-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.page-stack{display:flex;flex-direction:column;gap:1.5rem}.page-stack--lg{gap:2rem}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.back-link,.text-sm{font-size:.875rem}.back-link{color:var(--color-text-muted);transition:color .15s}.back-link:hover{color:var(--color-primary)}.shrink-0{flex-shrink:0}.mt-6{margin-top:1.5rem}.code-block{border-radius:.5rem;margin:1rem 0;overflow:hidden}.code-block code{display:block;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.5;overflow-x:auto;padding:1rem}.question-text code:not([class*=language-]),code.inline-code{background-color:var(--color-code-bg);border-radius:.25rem;color:var(--color-code-text);font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.875em;padding:.125rem .5rem;white-space:nowrap}.answer-text code.inline-code{background-color:var(--color-slate-100);border:1px solid var(--color-border);color:var(--color-code-answer)}.hero{text-align:center}.hero__title{color:var(--color-text);font-size:1.875rem;font-weight:700}.hero__subtitle{color:var(--color-text-light);margin-top:.5rem}.home-cta-row{display:flex;flex-direction:column;gap:.75rem}@media (min-width:640px){.home-cta-row{align-items:stretch;flex-direction:row}.cta-card--primary{flex:1}.cta-card--secondary{flex:0 0 auto;width:13rem}}.cta-card{display:block;text-decoration:none;transition:all .2s}.cta-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);transform:translateY(-2px)}.cta-card__history-body{align-items:center;display:flex;gap:.75rem;height:100%}.cta-card__history-icon{color:var(--color-indigo-400);flex-shrink:0;height:2rem;width:2rem}.cta-card__history-title{color:var(--color-text);font-size:1rem;font-weight:600}.cta-card__history-sub{color:var(--color-text-muted);font-size:.8125rem;margin-top:.125rem}.cta-card__history-arrow{color:var(--color-slate-400);flex-shrink:0;height:1.125rem;margin-left:auto;width:1.125rem}.empty-state{background-color:var(--color-amber-50);border:1px solid var(--color-amber-200);border-radius:.5rem;color:var(--color-amber-800);padding:1.5rem}.empty-state code{background-color:var(--color-amber-100);border-radius:.25rem;padding:.125rem .5rem}.grid-categories{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:640px){.grid-categories{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-categories{grid-template-columns:repeat(3,1fr)}}.category-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:.75rem;display:block;overflow:hidden;transition:all .2s}.category-card:hover{border-color:var(--color-indigo-300);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.category-card__body{padding:1.5rem}.category-card__top{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.category-card__icon{align-items:center;background-color:var(--color-indigo-100);border-radius:.75rem;display:flex;flex-shrink:0;height:3.5rem;justify-content:center;transition:background-color .15s;width:3.5rem}.category-card:hover .category-card__icon{background-color:var(--color-indigo-200)}.category-card__icon svg{color:var(--color-primary);height:1.75rem;width:1.75rem}.category-card__name{color:var(--color-text);font-size:1.25rem;font-weight:600;transition:color .15s}.category-card:hover .category-card__name{color:var(--color-primary)}.category-card__stats{align-items:center;display:flex;font-size:.875rem;justify-content:space-between}.category-card__stat-group{align-items:center;display:flex;gap:1rem}.category-card__stat{align-items:center;color:var(--color-text-muted);display:flex;gap:.25rem}.category-card__stat svg{height:1rem;width:1rem}.category-card__arrow{color:var(--color-slate-400);height:1.25rem;transition:all .15s;width:1.25rem}.category-card:hover .category-card__arrow{color:var(--color-indigo-500);transform:translateX(.25rem)}.category-header{display:flex;flex-direction:column;gap:1rem}.category-header__info{flex:1}.category-header__title{color:var(--color-text);font-size:1.5rem;font-weight:700}.category-header__subtitle{color:var(--color-text-light);margin-top:.25rem}@media (min-width:640px){.category-header{align-items:center;flex-direction:row}}.category-header__actions{display:flex;flex-wrap:wrap;gap:.5rem}.stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-top:1.5rem}.stat-card{border-radius:.5rem;padding:1rem;text-align:center}.stat-card--easy{background-color:var(--color-easy-bg)}.stat-card--easy .stat-card__value{color:var(--color-easy-text)}.stat-card--easy .stat-card__label{color:var(--color-emerald-600)}.stat-card--medium{background-color:var(--color-medium-bg)}.stat-card--medium .stat-card__value{color:var(--color-medium-text)}.stat-card--medium .stat-card__label{color:var(--color-amber-600)}.stat-card--hard{background-color:var(--color-hard-bg)}.stat-card--hard .stat-card__value{color:var(--color-hard-text)}.stat-card--hard .stat-card__label{color:var(--color-red-600)}.stat-card__value{font-size:1.5rem;font-weight:700}.stat-card__label{font-size:.875rem}.section{display:flex;flex-direction:column;gap:1rem}.section__title{color:var(--color-text);font-size:1.125rem;font-weight:600}.grid-quizzes{display:grid;gap:1rem}.quiz-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:.75rem;display:flex;overflow:hidden;transition:all .2s}.quiz-card:hover{border-color:var(--color-indigo-300);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.difficulty-bar{display:flex;flex-direction:column;flex-shrink:0;width:.375rem}.difficulty-bar__easy{background-color:var(--color-emerald-400)}.difficulty-bar__medium{background-color:var(--color-amber-400)}.difficulty-bar__hard{background-color:var(--color-red-400)}.quiz-card__body{flex:1;padding:1.5rem}.quiz-card__header{align-items:center;display:flex;gap:1rem;justify-content:space-between}.quiz-card__title{color:var(--color-text);font-size:1.125rem;font-weight:600;transition:color .15s}.quiz-card:hover .quiz-card__title{color:var(--color-primary)}.quiz-card__arrow{color:var(--color-slate-300);flex-shrink:0;height:1.25rem;transition:all .15s;width:1.25rem}.quiz-card:hover .quiz-card__arrow{color:var(--color-indigo-500);transform:translateX(.125rem)}.quiz-card__description{color:var(--color-text-muted);display:-webkit-box;font-size:.875rem;-webkit-line-clamp:2;line-clamp:2;margin-top:.25rem;-webkit-box-orient:vertical;overflow:hidden}.quiz-card__meta{align-items:center;display:flex;flex-wrap:wrap;font-size:.75rem;font-weight:500;gap:.75rem;margin-top:1rem}.quiz-card__count{color:var(--color-text-muted)}.tabs{border-bottom:2px solid var(--color-border);gap:.25rem}.tab,.tabs{display:flex}.tab{align-items:center;background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);cursor:pointer;font-size:.9375rem;font-weight:500;gap:.5rem;margin-bottom:-2px;padding:.625rem 1rem;transition:color .15s,border-color .15s}.tab:hover{color:var(--color-text)}.tab--active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.tab__badge{align-items:center;background-color:var(--color-indigo-100);border-radius:9999px;color:var(--color-indigo-700);display:inline-flex;font-size:.6875rem;font-weight:600;height:1.25rem;justify-content:center;min-width:1.25rem;padding:0 .375rem}.grid-pdfs{display:grid;gap:.75rem}@media (min-width:480px){.grid-pdfs{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.grid-pdfs{grid-template-columns:repeat(3,1fr)}}.pdf-card{align-items:center;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:.75rem;display:flex;gap:.75rem;padding:1rem;transition:all .2s}.pdf-card:hover{border-color:var(--color-indigo-300);box-shadow:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.07)}.pdf-card__icon{align-items:center;background-color:var(--color-indigo-50);border-radius:.5rem;color:var(--color-indigo-500);display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.pdf-card__icon svg{height:1.25rem;width:1.25rem}.pdf-card__title{color:var(--color-text);flex:1;font-size:.9375rem;font-weight:500;transition:color .15s}.pdf-card:hover .pdf-card__title{color:var(--color-primary)}.pdf-card__arrow{color:var(--color-slate-300);flex-shrink:0;height:1rem;transition:all .15s;width:1rem}.pdf-card:hover .pdf-card__arrow{color:var(--color-indigo-400);transform:translateX(.125rem)}.empty-state{color:var(--color-text-muted);font-size:.9375rem;padding:2rem 0;text-align:center}.configure-page{margin:0 auto;max-width:42rem}.form-group{display:flex;flex-direction:column;gap:.75rem}.form-label{color:var(--color-text);font-size:.875rem;font-weight:600}.form-stack{display:flex;flex-direction:column;gap:1.5rem}.form-actions{padding-top:1rem}.pill-group{display:flex;flex-wrap:wrap;gap:.75rem}.pill-option{background-color:var(--color-bg);border:2px solid var(--color-border);border-radius:.75rem;cursor:pointer;flex:1;font-family:inherit;font-size:inherit;min-width:0;padding:.75rem 1.5rem;text-align:center;transition:all .15s}.pill-option:hover{border-color:var(--color-slate-300)}.pill-option .pill-option__label{color:var(--color-slate-700);font-weight:500}.pill-option .pill-option__count{color:var(--color-slate-400);font-size:.75rem;margin-left:.375rem}.pill-option.active{background-color:var(--color-indigo-50);border-color:var(--color-indigo-500);box-shadow:0 1px 2px rgba(0,0,0,.05)}.pill-option.active .pill-option__label{color:var(--color-indigo-700)}.pill-option.active .pill-option__count{color:var(--color-indigo-400)}.pill-option--easy{background-color:var(--color-emerald-50);border-color:var(--color-emerald-200)}.pill-option--easy:hover{border-color:var(--color-emerald-300)}.pill-option--easy .pill-option__label{color:var(--color-emerald-700)}.pill-option--easy .pill-option__count{color:var(--color-emerald-500)}.pill-option--easy.active{background-color:var(--color-emerald-100);border-color:var(--color-emerald-500)}.pill-option--medium{background-color:var(--color-amber-50);border-color:var(--color-amber-200)}.pill-option--medium:hover{border-color:var(--color-amber-300)}.pill-option--medium .pill-option__label{color:var(--color-amber-700)}.pill-option--medium .pill-option__count{color:var(--color-amber-500)}.pill-option--medium.active{background-color:var(--color-amber-100);border-color:var(--color-amber-500)}.pill-option--hard{background-color:var(--color-red-50);border-color:var(--color-red-200)}.pill-option--hard:hover{border-color:var(--color-red-300)}.pill-option--hard .pill-option__label{color:var(--color-red-700)}.pill-option--hard .pill-option__count{color:var(--color-red-500)}.pill-option--hard.active{background-color:var(--color-red-100);border-color:var(--color-red-500)}.pill-input{background-color:var(--color-bg);border:2px solid var(--color-border);border-radius:.75rem;flex:1;font-family:inherit;font-size:.875rem;min-width:0;padding:.75rem 1.5rem;text-align:center;transition:all .15s}.pill-input:focus{background-color:var(--color-indigo-50);border-color:var(--color-indigo-500);outline:none}.radio-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}@media (min-width:640px){.radio-grid--4{grid-template-columns:repeat(4,1fr)}.radio-grid--5{grid-template-columns:repeat(5,1fr)}}.radio-pill{position:relative}.radio-pill input[type=radio]{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0 0 0 0);white-space:nowrap}.radio-pill__face{border:2px solid var(--color-border);border-radius:.5rem;cursor:pointer;padding:.75rem;text-align:center;transition:all .15s}.radio-pill__face:hover{border-color:var(--color-slate-300)}.radio-pill__face-label{color:var(--color-text);font-weight:500}.radio-pill__face-sub{color:var(--color-text-muted);font-size:.75rem;margin-top:.25rem}input[type=radio]:checked+.radio-pill__face{background-color:var(--color-indigo-50);border-color:var(--color-indigo-500)}input[type=radio]:checked+.radio-pill__face--easy{background-color:var(--color-emerald-50);border-color:var(--color-emerald-500)}input[type=radio]:checked+.radio-pill__face--medium{background-color:var(--color-amber-50);border-color:var(--color-amber-500)}input[type=radio]:checked+.radio-pill__face--hard{background-color:var(--color-red-50);border-color:var(--color-red-500)}.radio-pill__face--disabled{cursor:not-allowed;opacity:.5}.radio-pill__input{border:2px solid var(--color-border);border-radius:.5rem;font-family:inherit;padding:.75rem;text-align:center;transition:all .15s;width:100%}.radio-pill__input:focus{border-color:var(--color-indigo-500);outline:none}.form-label-row{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.category-select-actions{align-items:center;display:flex;gap:.375rem}.category-select-sep{color:var(--color-slate-300);font-size:.75rem}.category-select-action{background:none;border:none;color:var(--color-indigo-600);cursor:pointer;font-family:inherit;font-size:.75rem;padding:0;text-decoration:underline;text-underline-offset:2px}.category-select-action:hover{color:var(--color-indigo-800)}.category-select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:.5rem;display:flex;flex-direction:column;gap:.125rem;max-height:17rem;overflow-y:auto;padding:.375rem}.category-check{align-items:center;border-radius:.375rem;cursor:pointer;display:flex;gap:.75rem;padding:.5rem .625rem;transition:background-color .1s}.category-check:hover{background-color:var(--color-indigo-50)}.category-check__input{accent-color:var(--color-indigo-600);cursor:pointer;flex-shrink:0;height:1rem;width:1rem}.category-check__name{color:var(--color-text);flex:1;font-size:.875rem;font-weight:500}.category-check__count{color:var(--color-text-muted);font-size:.75rem;white-space:nowrap}.category-select-warning{color:var(--color-red-600,#dc2626);font-size:.8125rem;margin-top:.25rem}.quiz-included{background-color:var(--color-bg);border-radius:.5rem;padding:1rem}.quiz-included__list{display:flex;flex-wrap:wrap;gap:.5rem}.quiz-included__tag{align-items:center;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:9999px;color:var(--color-slate-700);display:inline-flex;font-size:.875rem;gap:.25rem;padding:.25rem .75rem}.quiz-included__tag-count{color:var(--color-slate-400)}.progress-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:.5rem;padding:1rem}.progress-card__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.progress-card__title{color:var(--color-slate-700);font-size:.875rem;font-weight:500}.progress-card__counter{color:var(--color-text-muted);font-size:.875rem}.progress-bar{background-color:var(--color-border);border-radius:9999px;height:.5rem;overflow:hidden;width:100%}.progress-bar__fill{background-color:var(--color-primary);border-radius:9999px;height:100%;transition:width .3s}.progress-card__score{color:var(--color-text-muted);font-size:.875rem;margin-top:.5rem;text-align:right}.question-header-top{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.5rem}.question-header-top .badge-row{margin-bottom:0}.flag-toggle{align-items:center;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:9999px;color:var(--color-text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.375rem .75rem;transition:all .15s}.flag-toggle svg{flex-shrink:0;height:1rem;width:1rem}.flag-toggle--active,.flag-toggle:hover{border-color:var(--color-amber-300);color:var(--color-amber-600)}.flag-toggle--active{background-color:var(--color-amber-50)}.question-text{color:var(--color-text);font-size:1.25rem;font-weight:600;white-space:pre-wrap}.question-text .code-block{white-space:pre}.answer-list{display:flex;flex-direction:column;gap:.75rem}.answer-option{align-items:center;border:1px solid var(--color-border);border-radius:.5rem;cursor:pointer;display:flex;padding:1rem;transition:all .15s}.answer-option:hover{background-color:var(--color-bg);border-color:var(--color-indigo-300)}.answer-option input[type=checkbox],.answer-option input[type=radio]{accent-color:var(--color-primary);flex-shrink:0;height:1.25rem;width:1.25rem}.answer-option input[type=checkbox]{border-radius:.25rem}.answer-option__text{color:var(--color-slate-700);margin-left:.75rem}.answer-option:hover .answer-option__text{color:var(--color-text)}.answer-result{align-items:center;border-radius:.5rem;display:flex;padding:1rem}.answer-result--correct{background-color:var(--color-emerald-50);border:2px solid var(--color-emerald-500)}.answer-result--correct .answer-result__text{color:var(--color-emerald-800);font-weight:500}.answer-result--wrong{background-color:var(--color-red-50);border:2px solid var(--color-red-500)}.answer-result--wrong .answer-result__text{color:var(--color-red-800)}.answer-result--neutral{background-color:var(--color-white);border:1px solid var(--color-border)}.answer-result--neutral .answer-result__text{color:var(--color-text-light)}.answer-result__icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.answer-result__icon,.answer-result__icon svg{height:1.5rem;width:1.5rem}.answer-result__icon--correct svg{color:var(--color-emerald-600)}.answer-result__icon--wrong svg{color:var(--color-red-600)}.answer-result__icon--neutral{border:2px solid var(--color-slate-300);border-radius:9999px;height:1.25rem;width:1.25rem}.answer-result__text{margin-left:.75rem}.multi-hint{align-items:center;color:var(--color-text-muted);display:flex;font-size:.875rem;margin-top:1rem}.multi-hint svg{display:inline;height:1rem;margin-right:.25rem;width:1rem}.result-message{align-items:center;border-radius:.5rem;display:flex;gap:.75rem;margin-top:1.5rem;padding:1rem}.result-message--correct{background-color:var(--color-emerald-100);border:1px solid var(--color-emerald-200)}.result-message--correct svg{color:var(--color-emerald-600);height:2rem;width:2rem}.result-message--correct span{color:var(--color-emerald-800);font-size:1.125rem;font-weight:600}.result-message--wrong{background-color:var(--color-red-100);border:1px solid var(--color-red-200)}.result-message--wrong svg{color:var(--color-red-600);height:2rem;width:2rem}.result-message--wrong span{color:var(--color-red-800);font-size:1.125rem;font-weight:600}.explanation{background-color:var(--color-slate-100);border:1px solid var(--color-border);border-radius:.5rem;margin-top:1rem;padding:1rem}.explanation__title{color:var(--color-slate-800);font-weight:600;margin-bottom:.5rem}.explanation__body{color:var(--color-slate-700)}.question-nav{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.score-section{padding:2rem;text-align:center}.score-circle{align-items:center;display:inline-flex;justify-content:center;position:relative}.score-circle svg{height:10rem;transform:rotate(-90deg);width:10rem}.score-circle__bg{color:var(--color-border)}.score-circle--success .score-circle__value{color:var(--color-emerald-500)}.score-circle--warning .score-circle__value{color:var(--color-amber-500)}.score-circle--danger .score-circle__value{color:var(--color-red-500)}.score-circle__percent{font-size:2.25rem;font-weight:700;position:absolute}.score-circle--success .score-circle__percent{color:var(--color-emerald-600)}.score-circle--warning .score-circle__percent{color:var(--color-amber-600)}.score-circle--danger .score-circle__percent{color:var(--color-red-600)}.score-summary{margin-top:1.5rem}.score-summary__fraction{color:var(--color-text);font-size:1.5rem;font-weight:600}.score-summary__label{color:var(--color-text-muted)}.score-feedback{border-radius:.5rem;margin-top:1.5rem;padding:1rem}.score-feedback--success{background-color:var(--color-emerald-50)}.score-feedback--success p{color:var(--color-emerald-800);font-weight:500}.score-feedback--warning{background-color:var(--color-amber-50)}.score-feedback--warning p{color:var(--color-amber-800);font-weight:500}.score-feedback--danger{background-color:var(--color-red-50)}.score-feedback--danger p{color:var(--color-red-800);font-weight:500}.pdf-page{margin:-2rem -1rem 0}.pdf-page__toolbar{align-items:center;background-color:var(--color-white);border-bottom:1px solid var(--color-border);display:flex;gap:1rem;justify-content:space-between;padding:.75rem 1rem;position:sticky;top:4rem;z-index:10}.pdf-page__viewer{background-color:#fff}.pdf-canvas-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;padding:2rem 1rem}.pdf-page-canvas{box-shadow:0 1px 4px rgba(0,0,0,.12),0 4px 16px rgba(0,0,0,.08);display:block;max-width:100%}.pdf-loading{color:var(--color-text-muted);font-size:.9375rem;padding:3rem}.history-page{margin:0 auto;max-width:52rem}.session-list{display:flex;flex-direction:column;gap:.75rem}.session-card{align-items:center;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:.75rem;color:inherit;display:flex;gap:1rem;padding:1rem 1.25rem;text-decoration:none;transition:border-color .15s,box-shadow .15s}.session-card:hover{border-color:var(--color-indigo-300);box-shadow:0 2px 8px rgba(0,0,0,.06)}.session-score{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:.8125rem;font-weight:700;height:3rem;justify-content:center;width:3rem}.session-score--success{background-color:var(--color-emerald-50);border:2px solid var(--color-emerald-200);color:var(--color-emerald-700)}.session-score--warning{background-color:var(--color-amber-50);border:2px solid var(--color-amber-200);color:var(--color-amber-700)}.session-score--danger{background-color:var(--color-red-50);border:2px solid var(--color-red-200,#fecaca);color:var(--color-red-700,#b91c1c)}.session-info{flex:1;min-width:0}.session-info__title{color:var(--color-text);font-size:.9375rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-info__meta{align-items:center;display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.25rem}.session-info__date{color:var(--color-text-muted);font-size:.8125rem}.session-arrow{color:var(--color-slate-400);flex-shrink:0;height:1.25rem;width:1.25rem}.history-empty{color:var(--color-text-muted);padding:3rem 1rem;text-align:center}.history-empty__icon{color:var(--color-slate-300);height:3rem;margin:0 auto 1rem;width:3rem}.history-empty__title{color:var(--color-text);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.review-page{margin:0 auto;max-width:52rem}.review-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.review-score-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;padding:.375rem .875rem}.review-score-badge--success{background-color:var(--color-emerald-50);border:1.5px solid var(--color-emerald-200);color:var(--color-emerald-700)}.review-score-badge--warning{background-color:var(--color-amber-50);border:1.5px solid var(--color-amber-200);color:var(--color-amber-700)}.review-score-badge--danger{background-color:var(--color-red-50);border:1.5px solid var(--color-red-200,#fecaca);color:var(--color-red-700,#b91c1c)}.review-questions{display:flex;flex-direction:column;gap:1rem}.review-question{border:1.5px solid var(--color-border);border-radius:.75rem;overflow:hidden}.review-question--correct{border-color:var(--color-emerald-200)}.review-question--wrong{border-color:var(--color-red-200,#fecaca)}.review-question__header{align-items:flex-start;background-color:var(--color-bg);display:flex;gap:.75rem;padding:.875rem 1rem}.review-question--correct .review-question__header{background-color:var(--color-emerald-50)}.review-question--wrong .review-question__header{background-color:var(--color-red-50,#fef2f2)}.review-question__icon{flex-shrink:0;height:1.25rem;margin-top:.125rem;width:1.25rem}.review-question--correct .review-question__icon{color:var(--color-emerald-600)}.review-question--wrong .review-question__icon{color:var(--color-red-600,#dc2626)}.review-question__num{color:var(--color-text-muted);flex-shrink:0;font-size:.75rem;font-weight:600;margin-top:.2rem}.review-question__text{color:var(--color-text);flex:1;font-weight:500;line-height:1.5}.review-question__answers{border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:.375rem;padding:.75rem 1rem}.review-answer{align-items:center;border-radius:.375rem;color:var(--color-text);display:flex;font-size:.875rem;gap:.625rem;line-height:1.4;padding:.5rem .75rem}.review-answer--correct{background-color:var(--color-emerald-50);color:var(--color-emerald-800);font-weight:500}.review-answer--wrong-selected{background-color:var(--color-red-50,#fef2f2);color:var(--color-red-800,#991b1b);font-weight:500}.review-answer__dot{background-color:var(--color-slate-300);border-radius:50%;flex-shrink:0;height:.5rem;width:.5rem}.review-answer--correct .review-answer__dot{background-color:var(--color-emerald-500)}.review-answer--wrong-selected .review-answer__dot{background-color:var(--color-red-500,#ef4444)}.review-question__explanation{background-color:var(--color-bg);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.8125rem;line-height:1.6;padding:.75rem 1rem}.review-question__explanation strong{color:var(--color-text)}.login-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 4rem);padding:1rem}.login-card{max-width:22rem;width:100%}.login-input{background-color:var(--color-white);border:1.5px solid var(--color-border);border-radius:.5rem;box-sizing:border-box;color:var(--color-text);font-family:inherit;font-size:.9375rem;padding:.625rem .875rem;transition:border-color .15s;width:100%}.login-input:focus{border-color:var(--color-indigo-500);box-shadow:0 0 0 3px rgba(99,102,241,.1);outline:none}.login-error{background-color:var(--color-red-50);border:1px solid var(--color-red-200);border-radius:.5rem;color:var(--color-red-700);font-size:.875rem;margin-bottom:.25rem;padding:.75rem 1rem}