:root{--bg:#fbfaf7;--fg:#1d1d1f;--muted:#6b6b70;--line:#e6e3dc;--accent:#2f5d50;--card:#fff;--radius:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;line-height:1.6}a{color:var(--accent)}h1{margin:.5rem 0 1rem;font-size:2rem;line-height:1.2}h2{margin:0 0 .5rem;font-size:1.25rem}.site-header{border-bottom:1px solid var(--line);background:var(--card);justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.site-header nav{align-items:center;gap:1rem;display:flex}.logo{color:var(--fg);font-weight:700;text-decoration:none}.container{max-width:760px;margin:0 auto;padding:1.5rem}.muted{color:var(--muted)}.small{font-size:.875rem}.error{color:#b3261e}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem}.narrow{max-width:380px;margin:3rem auto}.badge{background:#efeadf;border-radius:999px;padding:.1rem .6rem;font-size:.8rem;display:inline-block}.button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:.6rem 1.1rem;font-size:1rem}.button:disabled{opacity:.6}.link-button{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.form{gap:.9rem;display:grid}.form label{gap:.3rem;font-size:.9rem;display:grid}.form input{border:1px solid var(--line);border-radius:8px;padding:.55rem .7rem;font-size:1rem}.course-list{gap:1rem;padding:0;list-style:none;display:grid}.course-list a{color:inherit;text-decoration:none}.course-cover{aspect-ratio:16/9;object-fit:cover;border-radius:8px;width:100%;margin-bottom:.75rem;display:block}.module{margin:2rem 0}.lesson-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.lesson-row{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:.75rem;padding:.6rem 0;display:flex}.lesson-row .icon{text-align:center;width:1.25rem}.lesson-row.locked{color:var(--muted)}.lesson-row.completed .icon{color:var(--accent)}.lesson-content{gap:1.5rem;margin:1.5rem 0;display:grid}.lesson-content img{border-radius:var(--radius);max-width:100%;height:auto}figure{margin:0}figcaption{color:var(--muted);margin-top:.4rem;font-size:.875rem}.embed iframe{border-radius:var(--radius);background:#000;border:0;width:100%}.embed-video iframe{aspect-ratio:16/9}.embed-audio iframe{background:0 0;height:180px}.audio-player{background:var(--card);border:1px solid var(--line);border-radius:999px;align-items:center;gap:.5rem;margin-top:.5rem;padding:.4rem .6rem .4rem .4rem;display:flex}.audio-play{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;padding:0;display:grid}.audio-time{color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.8rem}.audio-error{color:var(--muted);margin:0;padding:.5rem .75rem;font-size:.9rem}.audio-seek{--track:linear-gradient(to right, var(--accent) var(--progress,0%), var(--line) var(--progress,0%));appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:44px;margin:0;padding:0}.audio-seek::-webkit-slider-runnable-track{background:var(--track);border-radius:2px;height:4px}.audio-seek::-moz-range-track{background:var(--track);border-radius:2px;height:4px}.audio-seek::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:0;border-radius:50%;width:14px;height:14px;margin-top:-5px}.audio-seek::-moz-range-thumb{background:var(--accent);border:0;border-radius:50%;width:14px;height:14px}.audio-speed{min-width:3.25rem;height:36px;color:var(--fg);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;background:#efeadf;border:0;border-radius:999px;flex-shrink:0;padding:0 .5rem;font-size:.875rem;font-weight:600}.audio-play:focus-visible,.audio-speed:focus-visible,.audio-seek:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.link-card{flex-direction:column;text-decoration:none;display:flex}.callout{border-left:4px solid var(--accent);white-space:pre-line;background:#eef4f1;border-radius:6px;padding:.9rem 1.1rem}.callout-tip{background:#edf3fa;border-color:#3a6ea5}.callout-warning{background:#fbf2e6;border-color:#c2741b}.lesson-footer{border-top:1px solid var(--line);gap:1.25rem;padding-top:1.5rem;display:grid}.lesson-nav{justify-content:space-between;gap:1rem;display:flex}.done{color:var(--accent);margin:0;font-weight:600}.locked h1{font-size:1.5rem}.site-header{gap:1rem}.logo{flex-shrink:0}.site-header nav{min-width:0}.site-header nav .muted{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lesson-content{overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr)}.lesson-nav>span:empty{display:none}@media (max-width:600px){h1{font-size:1.6rem}.site-header{padding:.25rem 1rem}.site-header a,.link-button{padding:.6rem 0;display:inline-block}.container{padding:1rem}.narrow{margin:1rem auto}main p>a:only-child{padding:.6rem 0;display:inline-block}.lesson-row a{flex:1;padding:.4rem 0}.button{width:100%;min-height:44px}.lesson-nav{flex-direction:column;gap:.25rem}.lesson-nav a{padding:.6rem 0}}