:root{--color-bg:#fff;--color-surface:#f4f5f7;--color-text:#1d2330;--color-muted:#5b6475;--color-accent:#1f5fbf;--color-ok:#1e7a46;--color-error:#b3261e;--radius:8px;--content-width:720px;color:var(--color-text);background:var(--color-bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}*{box-sizing:border-box}body{background:var(--color-bg);margin:0}.app__header{border-bottom:1px solid var(--color-surface);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.api-status{color:var(--color-muted);font-size:.875rem}.api-status--ok{color:var(--color-ok)}.api-status--unavailable{color:var(--color-error)}.lesson{max-width:var(--content-width);margin:0 auto;padding:24px 16px}.block--dark{background:var(--color-text);color:var(--color-bg)}.block--accent{background:var(--color-accent);color:var(--color-bg)}.block-text__subheading{color:var(--color-muted)}.block-video__frame{aspect-ratio:16/9;background:var(--color-surface);border-radius:var(--radius);color:var(--color-muted);text-align:center;justify-content:center;align-items:center;padding:16px;display:flex}.block-video button{border-radius:var(--radius);background:var(--color-accent);color:#fff;font:inherit;cursor:pointer;border:0;margin-top:12px;padding:8px 16px}.block-video button:disabled{background:var(--color-ok);cursor:default}