:root{--bg-page: #fafafa;--bg-surface: #ffffff;--bg-bar: rgb(245 245 245 / .95);--bg-subtle: #f5f5f5;--bg-muted: #e5e5e5;--bg-hover: #e5e5e5;--border: #e5e5e5;--border-strong: #d4d4d4;--text: #171717;--text-2: #404040;--text-3: #525252;--text-muted: #737373;--contrast-bg: #171717;--contrast-text: #ffffff;--contrast-hover: #404040;--ring-offset: #ffffff;--blue: #2563eb;--blue-hover: #3b82f6;--blue-soft: #eff6ff;--blue-border: #bfdbfe;--blue-header-border: #1d4ed8;--blue-text: #1d4ed8;--blue-outline: #93c5fd;--orange: #ea580c;--orange-hover: #f97316;--orange-soft: #fff7ed;--orange-border: #fed7aa;--orange-header-border: #c2410c;--green: #16a34a;--green-hover: #22c55e;--green-soft: #dcfce7;--green-option: #f0fdf4;--red: #dc2626;--red-hover: #ef4444;--red-soft: #fee2e2;--red-option: #fef2f2;--red-border: #f87171;--red-text: #b91c1c;--radius: .5rem;--radius-lg: .75rem;--font: Arial, Helvetica, sans-serif}.dark{--bg-page: #0a0a0a;--bg-surface: #171717;--bg-bar: rgb(23 23 23 / .95);--bg-subtle: #262626;--bg-muted: #262626;--bg-hover: #262626;--border: #404040;--border-strong: #404040;--text: #f5f5f5;--text-2: #d4d4d4;--text-3: #d4d4d4;--text-muted: #a3a3a3;--contrast-bg: #ffffff;--contrast-text: #171717;--contrast-hover: #e5e5e5;--ring-offset: #171717;--blue: #1d4ed8;--blue-soft: rgb(23 37 84 / .3);--blue-border: rgb(30 58 138 / .5);--blue-header-border: #1e40af;--blue-text: #93c5fd;--blue-outline: #1e40af;--orange-soft: rgb(67 20 7 / .3);--orange-border: rgb(124 45 18 / .5);--orange-header-border: #9a3412;--green-soft: rgb(5 46 22 / .4);--green-option: rgb(5 46 22 / .4);--red-soft: rgb(69 10 10 / .4);--red-option: rgb(69 10 10 / .4);--red-border: #991b1b;--red-text: #fca5a5;--green: #4ade80;--red: #f87171}*,*:before,*:after{box-sizing:border-box}body,h1,h3,p,ul{margin:0}body{background:var(--bg-page);color:var(--text);font-family:var(--font);line-height:1.5}button,input,select{font:inherit;color:inherit}button{cursor:pointer}img,video{display:block;width:100%;height:auto}a{color:inherit;text-decoration:none}[hidden]{display:none!important}login-page,set-overview,elearn-page,nav-bar,settings-menu,audio-button,revealable-text,recording-button,image-listen-question,image-listen-answer,reading-question,answering-question,answering-answer,sentence-completion-question,sentence-completion-answer{display:contents}.page{display:flex;flex-direction:column;min-height:100dvh;background:var(--bg-page)}.page-fixed{height:100dvh}.screen-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:100dvh;padding:1rem;text-align:center;background:var(--bg-page)}.scroll-area{flex:1;overflow-y:auto;padding:1rem}.row{display:flex;align-items:center;gap:.75rem}.row-between{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.stack,.stack-sm,.stack-tight{display:flex;flex-direction:column;gap:.75rem}.stack-sm{gap:.5rem}.stack-tight{gap:.25rem}.grow{flex:1}.narrow{max-width:24rem}.text-start{text-align:start}.top-bar{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 1rem;border-bottom:1px solid var(--border-strong);background:var(--bg-page);font-size:.875rem}header.top-bar{padding:.75rem 1rem;background:var(--bg-bar)}.sticky-top{position:sticky;top:0;z-index:10}.workspace{display:flex;flex:1;flex-direction:column;gap:1rem;padding:1rem}@media(min-width:1024px){.workspace{flex-direction:row}}.wide-only{display:none}@media(min-width:1024px){.wide-only{display:inline}p.wide-only{display:block}}.heading{font-size:1.125rem;font-weight:600;color:var(--text)}.muted{font-size:.875rem;color:var(--text-muted)}.hint{font-size:.75rem;text-align:center;color:var(--text-muted)}.caption{font-size:.75rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase;color:var(--text-muted)}.body-text{font-size:.875rem;color:var(--text-2)}.error-text{margin:0;padding:0;list-style:none;font-size:.875rem;color:var(--red)}.text-correct{color:var(--green)}.text-wrong{color:var(--red)}.bullets{padding-inline-start:1.25rem;list-style:disc}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;align-self:flex-start;padding:.375rem .75rem;border:1px solid transparent;border-radius:var(--radius);background:none;font-size:.875rem;font-weight:500;transition:background-color .15s}.btn:disabled{pointer-events:none;opacity:.5}.btn-sm{padding:.375rem .625rem;font-size:.75rem}.btn-block{align-self:stretch;margin-top:.5rem;font-weight:600}.btn-start{justify-content:flex-start;align-self:stretch}.btn-primary{background:var(--blue);color:#fff;font-weight:600}.btn-primary:hover{background:var(--blue-hover)}.btn-orange{background:var(--orange);color:#fff}.btn-orange:hover{background:var(--orange-hover)}.btn-outline{border-color:var(--border-strong);color:var(--text-2)}.btn-outline:hover{background:var(--bg-hover)}.btn-contrast{align-self:center;padding:.5rem 1rem;background:var(--contrast-bg);color:var(--contrast-text);font-weight:600}.btn-contrast:hover{background:var(--contrast-hover)}.btn-audio{flex-shrink:0;padding:.375rem .625rem;border-color:var(--blue-outline);color:var(--blue-text);font-size:.75rem;gap:.375rem}.btn-audio:hover{background:var(--blue-soft)}.btn-recording{border-color:var(--red-border);background:var(--red-option);color:var(--red-text)}.btn-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:.375rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:none;color:var(--text-3)}.btn-icon:hover{background:var(--bg-hover)}.btn-icon-lg{width:2rem;height:2rem}.icon{width:1rem;height:1rem;flex-shrink:0}.icon-sm{width:.75rem;height:.75rem;flex-shrink:0}.dot{width:.5rem;height:.5rem;flex-shrink:0;border-radius:50%;background:#fff}.dot-pulse{background:#dc2626;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{50%{opacity:.5}}.input,.select{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-surface);color:var(--text)}.input{padding:.375rem .75rem;font-size:.875rem}.dark .input{background:var(--bg-subtle)}.select{flex-shrink:0;padding:.375rem .5rem;font-size:.75rem;font-weight:500;color:var(--text-2)}.field{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;color:var(--text-2)}.badge{padding:.375rem .625rem;border-radius:var(--radius);background:var(--bg-muted);color:var(--text-2);font-size:.75rem;font-weight:600}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface)}.login-form{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:24rem;padding:1.5rem;text-align:start}.menu{position:relative;flex-shrink:0}.dropdown{position:absolute;inset-inline-end:0;top:100%;z-index:20;display:flex;flex-direction:column;gap:.75rem;width:13rem;margin-top:.5rem;padding:.75rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-surface);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.dropdown-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.dropdown-label{font-size:.75rem;font-weight:500;color:var(--text-muted)}.topics{display:flex;flex-direction:column;gap:1.5rem}.topic-title{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;cursor:pointer;list-style:none;font-size:.875rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase;color:var(--text-muted)}.topic-title::-webkit-details-marker{display:none}.chevron{transition:transform .15s}[dir=rtl] .chevron{transform:scaleX(-1)}.topic[open] .chevron{transform:rotate(90deg)}.set-grid{display:grid;gap:1rem}@media(min-width:640px){.set-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.set-grid{grid-template-columns:repeat(3,1fr)}}.set-card{display:flex;flex-direction:column;gap:.25rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);transition:border-color .15s,background-color .15s}.set-card:hover{border-color:#60a5fa;background:var(--blue-soft)}.dark .set-card:hover{border-color:var(--blue)}.set-card-title{font-weight:600;color:var(--text)}.back-link{font-weight:500;color:var(--text-muted)}.back-link:hover{color:var(--text)}.set-title{font-weight:600;color:var(--text-2)}.nav-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;padding:.5rem .75rem;border-bottom:1px solid var(--border-strong);background:var(--bg-bar);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-arrow,.nav-btn{display:flex;flex-shrink:0;align-items:center;justify-content:center;height:2rem;border-radius:var(--radius);font-size:.875rem;font-weight:500}.nav-arrow{width:4.375rem;border:1px solid var(--border-strong);background:var(--bg-muted);color:var(--text-2)}.dark .nav-arrow{background:var(--bg-subtle)}.nav-arrow:hover{background:var(--border-strong)}.nav-arrow:disabled{pointer-events:none;opacity:.4}.nav-btn{width:2rem;border:none;background:none;transition:background-color .15s}.nav-none{color:var(--text-3)}.nav-none:hover{background:var(--bg-subtle)}.nav-answered{background:var(--border-strong);color:var(--text-2)}.nav-active{background:var(--contrast-bg);color:var(--contrast-text)}.nav-correct{background:#16a34a;color:#fff}.nav-wrong{background:#dc2626;color:#fff}.nav-rating{color:#171717}.nav-current{box-shadow:0 0 0 1px var(--ring-offset),0 0 0 3px #3b82f6}.panel{display:flex;flex:1;flex-direction:column;overflow:hidden;border:1px solid;border-radius:var(--radius-lg)}.panel-header{flex-shrink:0;padding:.625rem 1rem;border-bottom:1px solid;color:#fff;font-size:.875rem;font-weight:600}.panel-body{flex:1;padding:1rem;color:var(--text)}.panel-blue{border-color:var(--blue-border);background:var(--blue-soft)}.panel-blue .panel-header{border-color:var(--blue-header-border);background:var(--blue)}.panel-orange{border-color:var(--orange-border);background:var(--orange-soft)}.panel-orange .panel-header{border-color:var(--orange-header-border);background:var(--orange)}.dark .panel-orange .panel-header{background:#c2410c}.media-frame{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface)}.media-video{background:#000}.story{display:flex;flex-direction:column;gap:.5rem}.story-title{font-weight:600}.question-box{padding:.75rem 1rem;border:1px solid var(--blue-border);border-radius:var(--radius);background:color-mix(in srgb,var(--blue) 8%,transparent);font-weight:500}.question-row{display:flex;align-items:flex-start;gap:.5rem}.revealed{color:var(--text-2)}.option{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border:1px solid;border-radius:var(--radius);background:none;text-align:start;transition:background-color .15s}.option-badge{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;font-size:.75rem;font-weight:600}.option-unselected,.option-graded{border-color:var(--border)}.option-unselected:hover{background:var(--bg-subtle)}.option-unselected .option-badge,.option-graded .option-badge{background:var(--bg-subtle);color:var(--text-3)}.option-graded,.option-correct,.option-wrong{cursor:default}.option-selected{border-color:#f97316;background:var(--orange-soft)}.option-correct{border-color:#22c55e;background:var(--green-option)}.option-wrong{border-color:#ef4444;background:var(--red-option)}.option-selected .option-badge,.option-correct .option-badge,.option-wrong .option-badge{color:#fff}.option-selected .option-badge{background:#f97316}.option-correct .option-badge{background:#22c55e}.option-wrong .option-badge{background:#ef4444}.modal-backdrop{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:1rem;background:#00000080}.modal{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:24rem;padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);color:var(--text);text-align:center;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.dialog-title{font-size:1.125rem;font-weight:700}.big-text{font-size:1.5rem;font-weight:700}.result{display:flex;flex-direction:column;align-items:center;gap:.5rem}.result-icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;font-size:1.875rem}.result-icon-correct{background:var(--green-soft)}.result-icon-wrong{background:var(--red-soft)}.result-text{font-size:1.125rem;font-weight:700}.score-text{font-size:1.5rem;font-weight:700}.smiley{width:2.25rem;height:2.25rem}