.lesson-courseware header h1{font-size:1.65rem;font-weight:600;line-height:1.35;margin-bottom:.5rem;color:hsl(var(--foreground))}@media(min-width:640px){.lesson-courseware header h1{font-size:2rem}}.lesson-courseware header h1 .en{display:block;font-size:1rem;font-weight:400;color:hsl(var(--muted-foreground));margin-top:.25rem}.lesson-courseware header .meta{font-size:.8rem;color:hsl(var(--muted-foreground));margin-bottom:.75rem;line-height:1.5}.lesson-courseware header .task{font-size:.9rem;line-height:1.6;padding:.75rem 1rem;border-radius:6px;background-color:hsl(var(--primary) / .08);border:1px solid hsl(var(--primary) / .2);color:hsl(var(--foreground));margin-bottom:1.5rem}.lesson-courseware .setup-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin:1rem 0}@media(min-width:640px){.lesson-courseware .setup-grid{grid-template-columns:1fr 1fr}}.lesson-courseware .setup-item{background-color:hsl(var(--muted) / .5);border:1px solid hsl(var(--border) / .8);border-radius:6px;padding:.875rem 1rem}.lesson-courseware .setup-item h3{margin:0 0 .375rem;font-size:.75rem;color:hsl(var(--primary));text-transform:uppercase;letter-spacing:.05em;font-weight:600}.lesson-courseware .setup-item .en{font-size:.875rem;color:hsl(var(--foreground));line-height:1.5}.lesson-courseware .setup-item .cn{font-size:.8rem;color:hsl(var(--muted-foreground));margin-top:.375rem;line-height:1.5}.lesson-courseware button:not(.primary),.lesson-courseware select{color:hsl(var(--foreground));background-color:hsl(var(--muted) / .8);border:1px solid hsl(var(--border) / .85);border-radius:4px;padding:.375rem .75rem;font-size:.8125rem;cursor:pointer;transition:all .2s ease}.lesson-courseware button:hover,.lesson-courseware select:hover{border-color:hsl(var(--primary) / .6);background-color:hsl(var(--muted))}.lesson-courseware .controls{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:1rem 0}.lesson-courseware .controls button.primary{background-color:hsl(var(--primary));color:hsl(var(--background));border:1px solid hsl(var(--primary));border-radius:4px;padding:.375rem .875rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.lesson-courseware .controls button.primary:hover{opacity:.9;transform:translateY(-1px)}.lesson-courseware .controls label{font-size:.8rem;color:hsl(var(--muted-foreground));display:inline-flex;align-items:center;gap:.25rem}.lesson-courseware .dialogue{list-style:none;padding:0;margin:1.25rem 0}.lesson-courseware .line{padding:.875rem 0;border-top:1px dashed hsl(var(--border) / .8);transition:background-color .2s ease}.lesson-courseware .line:first-child{border-top:none;padding-top:.25rem}.lesson-courseware .line.is-playing{background-color:hsl(var(--primary) / .08);border-radius:6px;padding-left:.75rem;padding-right:.75rem}.lesson-courseware .line-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.375rem}.lesson-courseware .speaker{font-weight:600;font-size:.75rem;padding:.25rem .625rem;border-radius:4px;background-color:hsl(var(--muted));border:1px solid hsl(var(--border) / .7);color:hsl(var(--muted-foreground))}.lesson-courseware .play-line{font-size:.75rem;padding:.25rem .625rem;border-radius:4px;border:1px solid hsl(var(--border) / .8);background-color:hsl(var(--background));cursor:pointer;transition:all .2s ease}.lesson-courseware .play-line:hover{border-color:hsl(var(--primary))}.lesson-courseware .play-line.playing{background-color:hsl(var(--primary))!important;color:hsl(var(--background))!important;border-color:hsl(var(--primary))!important}.lesson-courseware .en-line{margin:.25rem 0;font-size:.95rem;color:hsl(var(--foreground));line-height:1.6;font-weight:450}.lesson-courseware .cn-line{margin:.25rem 0 0;font-size:.825rem;color:hsl(var(--muted-foreground));line-height:1.5}.lesson-courseware .hidden{display:none!important}.lesson-courseware .expr,.lesson-courseware .pat,.lesson-courseware .my-turn-body{background-color:hsl(var(--muted) / .35);border:1px solid hsl(var(--border) / .8);border-radius:6px;padding:.875rem 1.125rem;margin:0 0 .875rem}.lesson-courseware .expr h3{font-size:.95rem;font-weight:600;margin:0 0 .375rem;color:hsl(var(--foreground))}.lesson-courseware .expr .ipa{color:hsl(var(--muted-foreground));font-size:.8rem;font-weight:400;margin-left:.375rem}.lesson-courseware .expr .def{margin:.25rem 0;font-size:.825rem;color:hsl(var(--muted-foreground));line-height:1.5}.lesson-courseware .expr .def strong{color:hsl(var(--foreground))}.lesson-courseware .pat strong{color:hsl(var(--primary));display:block;margin-bottom:.25rem;font-size:.875rem}.lesson-courseware .pat .use{color:hsl(var(--muted-foreground));font-size:.8rem;display:block;margin-top:.25rem}.lesson-courseware .reveal{background-color:hsl(var(--primary));color:hsl(var(--background));border:none;padding:.5rem 1rem;border-radius:4px;font-size:.8125rem;font-weight:500;cursor:pointer;margin-top:.5rem;transition:opacity .2s ease}.lesson-courseware .reveal:hover{opacity:.9}.lesson-courseware .answer{margin-top:.875rem;padding:.875rem;border-left:3px solid hsl(var(--primary));background-color:hsl(var(--muted) / .6);border-radius:6px}.lesson-courseware .answer p{margin:.25rem 0;font-size:.85rem;color:hsl(var(--foreground));line-height:1.5}.lesson-courseware .answer .note{font-size:.775rem;color:hsl(var(--muted-foreground));margin-top:.5rem}.lesson-courseware .footer-tip{font-size:.8rem;color:hsl(var(--muted-foreground));text-align:center;padding:1.5rem 0 0}.lesson-courseware .voice-warn{color:hsl(var(--primary));font-size:.8rem;margin-top:.5rem}.lesson-courseware-container .mark-complete{background-color:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:4px;padding:.625rem 1.5rem;font-size:.875rem;font-weight:500;color:hsl(var(--foreground));cursor:pointer;transition:all .2s ease}.lesson-courseware-container .mark-complete:hover{border-color:hsl(var(--primary));background-color:hsl(var(--primary) / .1)}.lesson-courseware-container .mark-complete[aria-pressed=true]{background-color:hsl(var(--primary));color:hsl(var(--background));border-color:hsl(var(--primary))}body.blind .lesson-courseware .expressions,body.blind .lesson-courseware .patterns,body.blind .lesson-courseware .my-turn,body.blind .lesson-courseware .setup,body.blind .lesson-courseware .dialogue-section .dialogue,body.blind .lesson-courseware .dialogue-section .controls .play-all,body.blind .lesson-courseware .dialogue-section .controls .stop,body.blind .lesson-courseware .dialogue-section .controls .speed,body.blind .lesson-courseware .dialogue-section .controls .voice,body.blind .lesson-courseware .dialogue-section .controls .toggle-dialogue{display:none!important}