#screen-lessons{width:100%;max-width:none}
#screen-lessons h2{font-size:20px;color:var(--title);margin:0 0 14px}
#screen-lessons h3{font-size:16px;color:var(--title);margin:20px 0 8px}
#screen-lessons p{line-height:1.55}
.lesson-privacy{margin:20px 0;background:var(--teal-dim);border-color:var(--motivation-line)}
.lesson-privacy p{margin:7px 0 0;color:var(--muted)}
.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
.lesson-layout>.panel{min-width:0}
.lesson-step-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}
.lesson-step-heading h2{margin:0 0 4px!important}
.lesson-step-heading p{margin:0;color:var(--muted);font-size:13px}
.lesson-step-number{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--teal);color:white;font-weight:700}
.lesson-capture>label,.lesson-notes>label,.lesson-future>label{display:block;margin:14px 0 6px;font-weight:650}
.lesson-capture>input,.lesson-capture>select,.lesson-notes textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px;background:var(--bg);color:var(--ink);font:inherit}
.lesson-capture>select{min-height:44px}
.lesson-local-box{padding:15px;margin:20px 0;border:1px solid var(--line);border-radius:11px}
.lesson-local-box p,.lesson-tip,.lesson-notes>p,.lesson-archive>p{font-size:13px;color:var(--muted)}
.lesson-local-box .btn{margin-right:10px}
.lesson-transcription-box{margin:14px 0 20px;background:var(--bg)}
.lesson-transcription-box p{margin:9px 0 12px}
.lesson-transcription-box label{display:block;margin:12px 0 6px;font-weight:650}
.lesson-transcription-box textarea{min-height:120px}
.lesson-transcription-box .btn:disabled{opacity:.55;cursor:not-allowed}
#lesson-speech-status{font-size:13px;color:var(--muted)}
.lesson-transcribe-choice{display:flex;gap:9px;align-items:center;margin:15px 0 0;font-size:14px;font-weight:600}
.lesson-transcribe-choice input{flex:none}
.lesson-recorder-status{display:flex;align-items:center;gap:9px;padding:12px;border-radius:10px;border:1px solid var(--line);background:var(--bg)}
#lesson-record-dot{width:10px;height:10px;flex:none;border-radius:50%;background:var(--line)}
.lesson-recorder-status.recording #lesson-record-dot{background:#B74B3E;box-shadow:0 0 0 4px #B74B3E26}
.lesson-recorder-status.paused #lesson-record-dot{background:#AC7418}
.lesson-clocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.lesson-clocks>div{display:flex;flex-direction:column;gap:4px;min-width:0;border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--paper)}
.lesson-clocks span{font-size:12px;color:var(--muted);line-height:1.45;overflow-wrap:anywhere}
.lesson-clocks time{font-size:clamp(18px,3vw,24px);font-weight:650;font-variant-numeric:tabular-nums;line-height:1.3}
#lesson-limit-status{padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--teal-dim)}
.lesson-record-actions{margin:14px 0;flex-wrap:wrap}
.lesson-upload-box{margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}
.lesson-upload-box label{display:block;margin-bottom:8px;font-weight:650}
.lesson-upload-box input{display:block;width:100%;max-width:100%;font:inherit;color:var(--ink)}
.lesson-upload-box p{margin:8px 0 0}
.lesson-error{padding:10px 12px;border:1px solid #B74B3E;border-radius:8px;background:#FCEDEA;color:#8E332A}
.lesson-notes textarea{min-height:260px;resize:vertical;line-height:1.6}
#lesson-player{display:block;width:100%;max-width:100%;min-width:0}
#lesson-interim:not(:empty){padding:9px 11px;border:1px dashed var(--line);border-radius:9px;color:var(--muted)}
.lesson-notes .row{margin-top:10px;flex-wrap:wrap}
.lesson-doubts{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.lesson-doubts li{padding:9px 11px;border:1px solid var(--line);border-radius:8px;font-size:13px;overflow-wrap:anywhere}
.lesson-doubts small{display:block;margin-top:4px;color:var(--muted)}
.lesson-archive{margin-top:16px}
#lesson-cloud-panel[hidden]{display:none}
.lesson-future-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:16px}
.lesson-future{min-width:0}
.lesson-future>p{font-size:14px;color:var(--muted);min-height:70px}
.lesson-future textarea{display:block;width:100%;margin-top:8px;padding:11px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);font:inherit;resize:none}
.lesson-future .btn:disabled{opacity:.55;cursor:not-allowed}
.lesson-ai-lock{margin:12px 0 0;padding:11px 14px;border:1px solid #D7B77F;border-radius:9px;background:#FFF4E2;color:var(--ink);font-size:13px}
#lesson-list{display:grid;gap:10px}
.lesson-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:10px;padding:12px}
.lesson-entry>div:first-child{min-width:0;overflow-wrap:anywhere}
.lesson-entry small{display:block;margin-top:3px;color:var(--muted)}
.lesson-entry-actions{display:flex;flex-wrap:wrap;gap:6px}
.lesson-entry audio{width:100%;margin-top:10px}
.lesson-archive-empty{color:var(--muted);font-size:14px}
@media(max-width:900px){.lesson-layout,.lesson-future-layout{grid-template-columns:1fr}.lesson-future>p{min-height:0}}
@media(max-width:600px){.lesson-entry{align-items:flex-start;flex-direction:column}.lesson-entry-actions{width:100%}.lesson-entry-actions .btn{flex:1 1 auto}}